【安裝步驟】
一、安裝node.js（node-v12.16.1-x64.msi）
安裝完畢後在命令列輸入以下命令測試是否安裝成功，正確會出現版本號
npm -v
2.改變原有的環境變數，
(1)配置npm的全域性模組的存放路徑以及cache的路徑，例如兩個資料夾放在nodejs的主目錄下，便在nodejs下建立"node_global"及"node_cache"兩個資料夾，輸入以下命令改變npm配置
(2)在系統環境變數新增系統變數node_path，如後面環境變數圖1配置（重啟電腦才生效），輸入路徑d:\program files\nodejs\node_global\node_modules，此後所安裝的模組都會安裝到改路徑下
(3)在命令列輸入以下命令試著安裝express（注：「-g」這個引數意思是裝到global目錄下，也就是上面說設定的「d:\program files\nodejs\node_global」裡面。）
npm install express -g安裝完畢後可以看到.\node_global\node_modules\express 已經有內容
假如成功，可以看到有輸出。假如出錯，檢查node_path的路徑。
二、安裝**npm（cnpm）
1.安裝cnpm
(1)輸入以下命令
npm install -g cnpm --registry=(2)輸入cnpm -v輸入是否正常，這裡肯定會出錯。
cnpm -v(3)新增系統變數path的內容
因為cnpm會被安裝到d:\program files\nodejs\node_global下，而系統變數path並未包含該路徑。在系統變數path下新增該路徑即可正常使用cnpm;如後面環境變數圖2配置（重啟電腦才生效）
系統變數path的設定（圖2）：
三、搭建vue專案（vscodesetup-x64-1.43.0.exe）
1.假設vscode、nodejs等已經安裝好了。
2.全域性安裝vue-cli，vue-cli可以幫助我們快速構建vue專案。
安裝命令：
cnpm install -g vue-cli
開啟vscode的終端，調出命令輸入框。點選終端-新建終端，輸入上述命令，回車，等待安裝完成。
3.安裝webpack，它是打包js的工具
安裝命令：
cnpm install -g webpack
安裝方法同上。
ps：安裝完成之後，可以輸入命令：vue -v，檢查是否安裝成功
4.安裝完成之後就可以開始建立vue專案，首先建立乙個資料夾用來存放你的專案，用vscode開啟對應的資料夾，並在終端cd到對應的資料夾。比如我的資料夾就是myfirstvue
建立專案命令，輸入回車:
vue init webpack myfirstvue
其中myfirstvue就是專案名稱，根據喜好自己取。
接著會出現一些配置項，可以根據需要配置，也可以預設，直接按回車。
然後繼續等待安裝依賴項。完成之後，乙個基本的 vue專案就搭建完了。完成之後的vscode左邊可以看到如下目錄，其中main.js就是入口。
安裝擴充套件：
5.接著執行專案，先【終端】->【新建終端】（或在cmd命令列視窗cd到專案資料夾，cd myfirstvue），然後輸入以下指令：
npm run dev
成功之後，接著在瀏覽器裡輸入:http://localhost:8080，看到如下畫面就是成功了。
6.專案打包發布上線
輸入命令：
npm run build
完成之後，專案資料夾中會出現乙個dist資料夾，裡面就是打包之後的內容，直接部署就好了。
7.在vscode除錯（設定斷點）：
(1)、配置launch.json檔案內容
"configurations": [
/src",
"breakonload": true,
"webpack:///src/*": "$/*"
}}
]
Vue安裝配置及搭建專案
安裝過程中，推薦選擇add to path，自動配置環境變數，然後一直next，即可完成安裝。2.檢驗是否可用 cmd命令視窗，輸入node version，檢驗npm是否可用。cmd命令視窗，輸入npm version，此時有版本號就表示安裝成功。3.安裝cnpm 命令列中輸入 npm insta...
vue環境安裝搭建及專案建立
一 首先要先安裝node 官網 二 設定nodejs prefix 全域性 和cache 快取 路徑 首先找到剛才選擇nodejs路徑，新建node global和node cache兩個資料夾 第二步 用win r開啟管理cmd進入 設定快取資料夾 npm config set cache y n...
vue2 0 安裝及專案搭建（一）
基本環境安裝 2 測試npm版本 命令列 npm v 3 安裝 映象 在命令列裡輸入 npm install g cnpm registry 測試 映象是否安裝成功 命令列 cnpm v 4 安裝vue npm install vue 測試 注意，這裡最後乙個是大寫v vue v 5 安裝vue c...