Vue初始化專案指南

2021-10-05 14:08:07 字數 1253 閱讀 1255

如果報npm安裝vue超時(err! errno etimedout),採用cnpm映象就可以解決了:npm install -g cnpm --registry=

npm --registry  info underscore
再執行命令:npm install vue-cli -g 

安裝完之後建立專案 :vue init webpack demo 

然後根據提示選擇會否安裝外掛程式,如果安裝則選擇yes,如果不安裝則選擇no,直到外掛程式完成,參考圖:

install vue-router? 選擇y(官方推薦的路由外掛程式,幾乎每個專案都用得到)

user eslint to lint your code? 選y(是否啟用eslint檢測規則,如果不是公司的大型專案或者多人共同開發博主感覺沒有必要安裝)

set up unit tests? 問的是否要測試 選n

setup e2e tests with nightwatch? 選n( 用nightwatch設定e2e測試?)

should we run `npm install` for you after the project has been created? (recommended) (use arrow keys) 選擇使用npm、還是yarn安裝,一般都是直接回車就好

這個時候在你建立的目錄下就有你的目錄了,現實中通過npm載入依賴相當的耗時,

npm install -g cnpm --registry=
npm --registry  info underscore
解決npm轉cnpm問題後,cd 你的目錄名然後輸入npm run dev啟動應用,啟動成功它會自動開啟乙個vue頁面

到此為止你已經學會了怎麼安裝 vue-cli腳手架工具了,下面我簡單的說明下各個目錄都是幹嘛的:

main.js的介紹

el是掛載點,router是路由

vue初始化專案

速查 vue v npm v sudo npm install global vue cli sudo npm install g vue cli init 進入包下 vue init webpack home檢查node和npm版本 node vv14.3.0 npm v6.14.5 安裝vue ...

vue初始化專案

1 初始化專案 命令 f vueworkspace vue init webpack demo project 2 建立好的專案目錄結構 其中 build 專案構建 webpack 相關 檔案說明 build.js 生產環境構建指令碼 check versions.js 檢查npm node.js版...

vue專案初始化詳細步驟

第二步 安裝vue cli手腳架 在cmd下執行命令cnpm install vue cli g 第三步 進入需要新建專案的目錄 cd d test 第四步 執行命令 vue init webpack demo 注 demo是專案名稱 第五步 顯示project nanme 目錄名 回車 proje...