vue2 學習筆記

1、部署環境
1.安裝nodeJS -- 地址：https://nodejs.org/zh-cn/

2.安裝vue腳手架 (用於建立VUE項目的)

進入項目文件或者新建一個文件

npm install vue-cli -g

3.根據模板建立項目
vue init webpack dome(工程名稱)工程名字<工程名字不能用中文>

*備註（Use Eslint to lint your code -------- n） --是是否開啓嚴格模式

4.初始化安裝項目依賴
npm install
*備註：若是報錯請 從新初始化 ,（不推薦使用淘寶鏡像，在博客最後面附淘寶鏡像安裝方法）

5.啓動項目
npm run dev

2、項目編寫完成--部署服務器

1.打包---npm run build 在項目中生成 dist文件--裏面就是打包的 項目文件

注意：修改項目目錄下的 config 文件夾裏的 index.js 文件中的 build 對象，將 assetsPublicPath 中的 「/」 ，改成 「./」 便可
*備註：靜態文件資源是相對於當前的路徑

2.打包完成，把 dist放在服務器便可

3.如何控制打包體積過大
（1）.1.設置config文件夾index.js中productionSourceMap的值爲false，也就是設置webpack配置中devtool爲false，
打包後文件體積能夠減小百分之八十！！！！！！！

*備註：npm run analyz 查看項目中用到了那些文件

備註：淘寶鏡像安裝：

命令提示符執行npm install cnpm -g --registry=https://registry.npm.taobao.org； 
注意：安裝完後最好查看其版本號cnpm -v或關閉命令提示符從新打開，安裝完直接使用有可能會出現錯誤；
擴展：

臨時使用: npm --registry https://registry.npm.taobao.org install express持久使用: npm config set registry https://registry.npm.taobao.org經過cnpm使用: npm install -g cnpm --registry=https://registry.npm.taobao.org