Vue安裝配置及搭建專案

2021-10-04 17:19:02 字數 1575 閱讀 9280

安裝過程中,推薦選擇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下建...