vue cli腳手架安裝

2021-08-22 19:27:56 字數 1257 閱讀 2813

2.執行cmd,檢視版本號(出現版本號說明安裝成功)

輸入:node -v 檢視node版本號(需要在6.9以上)

輸入:npm -v 檢視npm版本號(需要在3.10以上)

3.命令列工具(在cmd裡安裝)

# 全域性安裝 vue-cli

$ npm install --global vue-cli

(mac機全域性安裝需要加sudo,安裝好輸入vue --version顯示版本號說明安裝成功)

# 建立乙個基於 webpack 模板的新專案

(先切換目錄,比如切換到d盤,輸入:d:)

$ vue init webpack my-project

-------------------

? project name vue-project--專案名稱

? project description vue專案--專案說明

? author frankfang--作者

? vue build standalone--標準安裝

? install vue-router? no--是否安裝路由

? use eslint to lint your code? no

? set up unit tests no

? setup e2e tests with nightwatch? no

? should we run `npm install` for you after the project has been created? (recommended) npm

-------------------

# 安裝依賴,走你

$ cd my-project(開啟目錄)

$ npm install(如果上邊出現should we run `npm install` for you after the project has been created? (recommended) npm這個就可以不需要執行)

$ npm run dev(執行)

***************====

下次再執行專案(開啟cmd):

切換到d盤(d:),進入指定目錄(cd my-project),

再輸入:npm run dev 即可

-------------------

關於cmd

d:        切換到d盤

dir        檢視檔案列表

cd..        上一級

cd my-project    開啟某目錄

vue cli腳手架安裝

映象使用方法 三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm registry ...

安裝腳手架vue cli

cnpm install global vue cli要建立專案,首先我們要選定目錄,然後再命令列中把目錄轉到選定的目錄。可以使用 vue init webpack my project初始化乙個專案,或使用 vue init webpack my project執行初始化命令的時候回讓使用者輸入幾...

安裝vue cli 腳手架

開發vue專案的時候一般是通過vue cli腳手架進行開發。之所以成為腳手架就是因為他通過webpack搭建的開發環境直接生成開發所需要的基本模板,我們只需要在模板中進行開發即可。接下啦詳細記錄下在自己的電腦上安裝vue cli腳手架的步驟以及問題。一.前提 然後通過npm v命令檢視自己npm的版...