vue 環境搭建

#vue-cli介紹 vue-cli是一個基於nodeJs、用於快速搭建vue項目的 腳手架。vue

#vue-cli安裝、更新 安裝過nodeJs 、cnpm 後,全局安裝vue-cli(之後其餘項目可直接使用):node

npm install -g vue-cli

查看安裝成功否webpack

vue -V

#vue-cli 使用 安裝過webpack 、vue-cli後,能夠開始搭建vue項目:web

vue init webpack <Project Name>
# vue init webpack demo

#一直回車直到

#是否要安裝 vue-router 項目中確定要使用到 因此 y 回車
#是否須要 js 語法檢測 目前咱們不須要 因此 n 回車
#是否安裝 單元測試工具 目前咱們不須要 因此 n 回車
#是否須要 端到端測試工具 目前咱們不須要 因此 n 回車
#等待完成 或者 接下來 ctr+c 結束

#進入 cd demo
cd demo

#執行 npm install
npm install

#接下來執行 npm run dev
npm run dev

#默認瀏覽器會自動打開
#注意:若是您的瀏覽器是ie9如下的版本,請升級瀏覽器到最新版本或者下載谷歌瀏覽器或者火狐瀏覽器進行預覽。在地址欄輸入 http://localhost:8080/#/進行訪問

相關文章
相關標籤/搜索