vue cli 環境搭建

vue cli是乙個快速構建vue單頁面應用（spa）的腳手架（不適合新手使用，因為有太多需要了解的東西，如：node.js、npm、webpack等）。

vue cli 環境搭建步驟：

1，安裝node.js（官網：

// 檢視node.js的版本

node -v

// 檢視npm的版本

npm -v

// 設定**的**，設定**後，就可以使用 cnpm 來安裝了

2，安裝webpack（打包工具）

// 安裝命令，這裡可以使用 cnpm來安裝，避免因網路問題安裝失敗

npm install webpack -g

// 檢視webpack的版本

webpack -v

3，安裝vue cli（vue的命令列工具）

// 命令

npm install vue-cli -g

// 檢視vue cli版本

vue --version

4，新建專案

// 命令

vue init webpack 專案名

5，安裝專案依賴（進入專案所在目錄進行安裝）

// 命令

npm install

// 執行專案

npm run dev

// 打包（需要注意修改路徑，config->index.js中assetspublicpath的值修改為 ./）

npm run build

vue cli 環境的搭建

1 安裝 node.js 環境 建議安裝 git bash 方便操作命令行，或者也可以直接使用 cmd 根據自己系統的位數選擇對應版本。安裝比較簡單，基本一直下一步即可，安裝路徑自己安排。安裝完成後，在終端輸入如下命令，顯示版本號即安裝成功。2 安裝 cnpm 由於 npm 命令是連線國外的伺服器，...

docker 搭建vue cli開發環境

開發機上0環境，全都由容器實現 1 建立乙個專案目錄 2 編寫乙個 dockerfile 檔案 區分大小寫 建立乙個開發環境映象 dockerfile from node 10.19.0 stretch slim system local config run true debian china m...

vue cli快速搭建Vue開發環境

安裝nodejs 建議安裝 lts 版本 安裝vue cli g引數表示全域性安裝 npm install vue cli g使用vue cli初始化乙個vue專案 my project 是專案名稱，可以根據需要修改 vue init webpack my projectcd到專案目錄中安裝相關依賴...