1.安裝nodejs(https://nodejs.org/en/)
下載完畢後,可以安裝node,建議不要安裝在系統盤(如C:)。
2.設置nodejs prefix(全局)和cache(緩存)路徑
1、在nodejs安裝路徑下,新建node_global和node_cache兩個文件夾
設置緩存文件夾
npm config set cache “D:\vueProject\nodejs\node_cache”
設置全局模塊存放路徑
npm config set prefix “D:\vueProject\nodejs\node_global”
設置成功後,之後用命令npm install XXX -g安裝以後模塊就在D:\vueProject\nodejs\node_global裏
三、基於 Node.js 安裝cnpm(淘寶鏡像)
npm install -g cnpm --registry=https://registry.npm.taobao.org
四、設置環境變量(非常重要)
說明:設置環境變量可以使得住任意目錄下都可以使用cnpm、vue等命令,而不需要輸入全路徑
1、鼠標右鍵"此電腦",選擇“屬性”菜單,在彈出的“系統”對話框中左側選擇“高級系統設置”,彈出“系統屬性”對話框。
2、修改系統變量PATH
新增系統變量NODE_PATH
安裝Vue
npm install vue -g
安裝vue命令行工具,即vue-cli 腳手架
npm install vue-cli -g
新項目的創建
1.打開存放新建項目的文件夾
打開開始菜單,輸入 CMD,或使用快捷鍵 win+R,輸入 CMD,敲回車,彈出命令提示符。打開你將要新建的項目目錄
2.根據模版創建新項目
在當前目錄下輸入“vue init webpack-simple 項目名稱(使用英文)”。
vue init webpack mytest
這裏 Use ESLint to lint your code?選項 如果不會配置ESLint就選擇no,否則會有很多警告,對於有強迫症的人看着很難受
初始化完成後的項目目錄結構如下:
安裝工程依賴模塊
定位到mytest的工程目錄下,安裝該工程依賴的模塊,這些模塊將被安裝在:mytest\node_module目錄下,node_module文件夾會被新建,而且根據package.json的配置下載該項目的modules
cd mytest
npm install
4、運行該項目,測試一下該項目是否能夠正常工作,這種方式是用nodejs來啓動。
npm run dev
借鑑網址
https://www.cnblogs.com/zhaomeizi/p/8483597.html
https://www.cnblogs.com/zhouyu2017/p/6485265.html