/*使用系統:win10*/
第一步:下載藍燈(獲得連接外網通道);
第二步:下載webStorm(前端開發使用的IDE);
/*以上是工具,可有所不同*/
/*node.js環境*(js開發環境)*/
第三步:下載node.js并安裝;
在windows下就跟平時安裝軟件的步驟一樣,很簡單的。
安裝成功后,檢測是否安裝成功,cmd —> node -v —> npm -v查看版本;
第四步:在D盤下建立文件夾nodejs,存放NPM模塊安裝路徑和NPM緩存路徑(4-6可直接參看第六步下的圖視步驟)
第五步:執行npm set prefix "D:\nodejs\global",設置NPM模塊安裝路徑執行后,nodejs文件夾下會出現global文件夾。
第六步:執行npm set cache "D:\nodejs\cache",設置NPM緩存路徑
此處執行,并不能在nodejs下生成cache文件夾,這個文件夾需要自己建立,然后在執行npm set cache "D:\nodejs\cache"。
所以建立nodejs文件夾后,直接在其下建立global和cache兩個子文件夾。然后執行第四五兩步。
第七步:npm install -g babel babel-core bower browser-sync grunt-cli babel-runtime babel-plugin-transform-runtime babel-preset-es2015 vue vue-cli vue-component-compiler vue-hot-reload-api vueify vueify-insert-css vue-touch vuex yo jquery hammerjs gulp html-minifier,基本依賴庫安裝(使用初始安裝源**npm**https://registry.npmjs.org/)
執行可能出現中斷,可以重新執行安裝。
執行成功后:
此時,在nodejs文件夾下的global和cache下就有了基本依賴庫。
第八步:npm install -g nrm,全局安裝NPM源管理工具
第九步:nrmuse cnpm,切換使用CNPM(未成功!)
第十步:NPM環境變量設置(建議在系統高級設置里修改環境變量)
setx /S system NODE_PATH"NODE_PATH=D:\nodejs\global;D:\nodejs\global\node_modules"
setx /S system "%PATH%;D:\nodejs\global;"
/*以下可參看vue.js教程(http://cn.vuejs.org/guide/installation.html)*/
第十一步:npm install vue
第十二步:npm install -g vue-cli//全局安裝vue-cli
第十三步:vue init webpack my-project//創建一個基于"webpack"模板的新項目
第十二步:$ npm install
如果npm?install安裝不成功,可切換源安裝
npm install -g cnpm--registry=https://registry.npm.taobao.org
第十三步:最后執行npm run dev。