一、安裝node.js（https://nodejs.org/en/）
image.png
下載完畢后呕童，可以安裝node漆际，建議不要安裝在系統(tǒng)盤（如C：）。
image.png
image.png
二夺饲、設(shè)置nodejs prefix（全局）和cache（緩存）路徑
1奸汇、在nodejs安裝路徑下施符，新建node_global和node_cache兩個文件夾
image.png
2、設(shè)置緩存文件夾
npm config set cache "D:\vueProject\nodejs\node_cache"
設(shè)置全局模塊存放路徑
npm config set prefix "D:\vueProject\nodejs\node_global"
設(shè)置成功后擂找，之后用命令npm install XXX -g安裝以后模塊就在D:\vueProject\nodejs\node_global里
三戳吝、基于 Node.js 安裝cnpm（淘寶鏡像）
npm install -g cnpm --registry=https://registry.npm.taobao.org
四、設(shè)置環(huán)境變量（非常重要）
說明：設(shè)置環(huán)境變量可以使得住任意目錄下都可以使用cnpm贯涎、vue等命令听哭，而不需要輸入全路徑
1、鼠標右鍵"此電腦"柬采，選擇“屬性”菜單欢唾，在彈出的“系統(tǒng)”對話框中左側(cè)選擇“高級系統(tǒng)設(shè)置”，彈出“系統(tǒng)屬性”對話框粉捻。
2、修改系統(tǒng)變量PATH
image.png
image.png
3斑芜、新增系統(tǒng)變量NODE_PATH
image.png
五肩刃、安裝Vue
cnpm install @vue/cli -g
六、安裝vue命令行工具杏头，即vue-cli 腳手架
cnpm install -g @vue/cli-init
七盈包、新項目的創(chuàng)建1.打開存放新建項目的文件夾
打開開始菜單，輸入 CMD醇王，或使用快捷鍵 win+R呢燥，輸入 CMD，敲回車寓娩，彈出命令提示符叛氨。打開你將要新建的項目目錄
image.png
2.根據(jù)模版創(chuàng)建新項目
在當前目錄下輸入“vue init webpack-simple 項目名稱（使用英文）”。
vue init webpack-simple mytest
image.png
初始化完成后的項目目錄結(jié)構(gòu)如下：
image.png
image.png
3棘伴、安裝工程依賴模塊
定位到mytest的工程目錄下寞埠，安裝該工程依賴的模塊，這些模塊將被安裝在：mytest\node_module目錄下焊夸，node_module文件夾會被新建仁连，而且根據(jù)package.json的配置下載該項目的modules
cd mytest
cnpm install
4、運行該項目阱穗，測試一下該項目是否能夠正常工作饭冬，這種方式是用nodejs來啟動。
cnpm run dev
image.png
image.png
image.png
