從vue官網安利了一波安裝腳手架的主要**:
# 全域性安裝 vue-cli
$ npm install --global vue-cli
# 建立乙個基於 webpack 模板的新專案
$ vue init webpack my-project!
# 安裝依賴,走你
$ cd my-project
$ npm install
$ npm run dev
當我們新建專案時,會出現以下幾種提示和選項:
上圖的問題時專案名,預設對應我們的 上乙個指令的 my-project名。我們可以重新命名或者預設回車即可;
接下來要我們輸入專案描述 ,預設是(a vue.js project),當我們真正上手專案時可以根據自己的專案進行描述,學習的話預設回車;
接下來需要輸入作者,我的預設是我的郵箱,大家如果沒有的話,可以輸入自己的資訊。再回車;
再回車,
直到出現install vue-router? (y/n)
,如下圖,我這裡輸入了yes,給大家帶了乙個錯誤示範,對於初學者的填n
,等大家學到了 vue 的路由之後可以選y
。
之後會詢問你use eslint to lint you code ?
這裡的意思是:是否用es6的規範你的**,這裡填no,等你熟練使用es6在去嘗試,避免不必要的麻煩。
接著又出現了setup unit tests with karma + mocha ?
和setup e2e tests width nightwatch ?
這裡的意思是是否安裝測試單元,這裡我們都填no
。
當出現
vue-cli generated "second"
toget started:
cd second
npm install
說明我們的專案快成功了,之後按照它給的提示,我們 cd 到自己專案中【這裡我是cd second
到我的second專案中】,安裝依賴npm install
【也就是安裝專案所需要的node_modules檔案】,等待一段時間,當出現一堆樹狀結構時,就表示我們的依賴也安裝好了。
至此,我們的環境算是搭好了。然後在控制台輸入:npm run build
,專案會自動在瀏覽器開啟,展現給我們的是預設的vue頁面
Vue腳手架搭建
sudo apt get install nodejs legacy nodejs sudo apt get install npm 安裝成功後檢視對應版本 npm install vuenpm install g cnpm registry vue安裝成功後檢視對應版本 npm install g...
vue腳手架搭建
一 vue cli腳手架的搭建步驟 首先,確定你的電腦上已經安裝了nodejs,可以使用npm包管理器安裝環境 1 開啟cmd命令視窗,切換到你要新建專案的資料夾下,此時可使用node v檢查node的版本,如果出現版本號則node已安裝。2 使用以下命令全域性安裝vue cli npm insta...
vue腳手架搭建
1.安裝最新版本腳手架 npm install g vue cli 2.建立專案 vue create 資料夾名稱 3.選擇自動安裝還是手動安裝 default 自動安裝 manually 手動安裝 建議用 第二種 vue ul 圖形介面 4.專案開發前環境準備 適配環境 rem vw vh fle...