vue2 學習筆記

2022-07-20 02:03:11 字數 921 閱讀 1973

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...