2.安裝vue腳手架 (用於建立vue專案的)
進入專案檔案或者新建乙個檔案
npm install vue-cli -g
3.根據模板建立專案
vue init webpack dome(工程名稱)工程名字《工程名字不能用中文》
*備註(use eslint to lint your code -------- n) --是是否開啟嚴格模式
5.啟動專案
npm run dev
二、專案編寫完成--部署伺服器
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=
注意:安裝完後最好檢視其版本號cnpm -v或關閉命令提示符重新開啟,安裝完直接使用有可能會出現錯誤;
擴充套件:臨時使用: npm --registry install express
持久使用: npm config set registry
通過cnpm使用: npm install -g cnpm --registry=
Vue2學習筆記
v cloak v text v html v bind v on click.stop click.prevent click.capture click.self click.once v model.lazy trim number 或者通過vue的watch監聽來處理watch b func...
vue2新人入門
預設對webpack,sass,npm有一定的了解。一些vue指令不會說,反正官方文件有,我也懶得抄。一 超級基礎部分 1.全域性安裝 npm install globall vue cli 已全域性安裝了的不必安裝 2.建立乙個基於webpack的模板專案 vue init webpack 你的專...
vue2原始碼 響應式處理(學習筆記) 2
index.html檔案 一下是手寫vue的js邏輯 檔案層層下去乙個個建就好了 import from init function vue options 擴充套件原型 initmixin vue export default vue import from state export functi...