一、準備工作

• nodejs : JavaScript運行環(huán)境
• npm : nodejs下的包管理器（是國外的，在國內(nèi)使用會很慢），可以使用國內(nèi)的淘寶npm鏡像
• webpack: 把無法直接在瀏覽器中使用的語言（如es6,sass）編譯成瀏覽器支持的形式，資源的合并、壓縮混淆
• vue-cli：直接構(gòu)建vue項目

二、下載安裝

2.1 nodejs

??nodejs官網(wǎng)（https://nodejs.org/en/）下載安裝最新版本。安裝成功后使用管理員身份運行cmd命令行管理工具（win10下很多命令需要管理員權(quán)限，所以后續(xù)命令行操作都使用管理員權(quán)限下操作，防止出現(xiàn)一些奇奇怪怪的錯誤）。

輸入命令：node -v

出現(xiàn)版本號說明安裝成功

2.2 安裝淘寶鏡像

??由于npm是國外的，使用起來比較慢，我們這里使用淘寶的cnpm鏡像來安裝vue.
淘寶的cnpm命令管理工具可以代替默認的npm管理工具。

輸入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝成功截圖

2.3 搭建vue-cli腳手架

輸入命令：cnpm install --global vue-cli

安裝過程

2.4 安裝webpack

輸入命令: npm install webpack@3.12.0 -g

三、創(chuàng)建Vue項目并運行

3.1 創(chuàng)建項目

??進入你想存放vue項目的文件夾，打開cmd。

輸入命令：vue init webpack first_vue

注意first_vue是自己起的項目名，根據(jù)需要選擇yes/no,可以默認一直回車。

安裝過程

3.2 安裝依賴

??創(chuàng)建成功后進入創(chuàng)建的項目，打開cmd。

輸入命令：cnpm install

安裝依賴

3.3 運行

輸入命令：cnpm run dev

運行成功

運行成功

于2019/6/3測試運行成功