安裝過程中,推薦選擇add to path,自動配置環境變數,然後一直next,即可完成安裝。
2.檢驗是否可用:
cmd命令視窗,輸入node --version,檢驗npm是否可用。
cmd命令視窗,輸入npm --version,此時有版本號就表示安裝成功。
3.安裝cnpm
命令列中輸入 :npm install -g cnpm --registry=如下圖:
安裝成功。
4.安裝vue-cli 腳手架構建工具–須在全域性中進行安裝
命令列輸入:npm install -g vue-cli,進行腳手架安裝。
命令列輸入:vue -v,檢查是否安裝成功。
命令列輸入:npm install -g webpack,全域性安裝webpack。
以上步驟完成後進行vue專案構建。
6.vue專案搭建
首先利用cmd進入你想要的搭建vue專案的主資料夾內
這裡我進入f盤的vue資料夾內。
之後利用命令:vue init webpack +專案名來進行專案構建,我的專案名為freshweb:
專案建立過程會出現如下圖的選擇:
第一項為專案名
第二項為是否為vue專案
第三項創作者名稱
第四項推薦選擇第一項
第五項是否安裝vue -router路由
第六項是否用eslint來限制你的**錯誤和風格一定要選no
第七項是否需要安裝單元測試工具karma+mocha–可以選擇no
第八項選擇測試執行方式
第九項是否安裝e2e來進行使用者行為模擬測試–可以選擇no
第十項選擇npm
以上幾項選擇後進行構建專案的等待,完成後進入專案
命令輸入npm install
命令輸入npm run dev進行專案執行
執行完成,瀏覽器輸入該**
完成執行
Vue環境安裝配置及建立專案
安裝node,檢查node安裝是否成功,在git工具中輸入node v,出現版本號即可。檢查npm是否安裝成功,在git工具中輸入npm npm一般隨node一起安裝在電腦中 cnpm安裝 在git工具中輸入 npm install g cnpm registry 檢驗是否安裝成功 cnpm v y...
vue環境安裝搭建及專案建立
一 首先要先安裝node 官網 二 設定nodejs prefix 全域性 和cache 快取 路徑 首先找到剛才選擇nodejs路徑,新建node global和node cache兩個資料夾 第二步 用win r開啟管理cmd進入 設定快取資料夾 npm config set cache y n...
安裝 c npm及搭建Vue專案詳解
安裝步驟 一 安裝node.js node v12.16.1 x64.msi 安裝完畢後在命令列輸入以下命令測試是否安裝成功,正確會出現版本號 npm v 2.改變原有的環境變數,1 配置npm的全域性模組的存放路徑以及cache的路徑,例如兩個資料夾放在nodejs的主目錄下,便在nodejs下建...