vue不支持IE8,因為vue使用了IE8無法模擬的 ECMAScript 5特性
使用vue-cli腳手架會讓我們的工作非常方便
比如想編譯一下es6的語法就使用 babel loader 和 babel core(可以轉(zhuǎn)換es6代碼)
webpack中安裝babel loader babel core
npm install --save-dev babel-loader babel-core
下面利用npm安裝vue-cli3(4)
(一) 安裝:
安裝vue-cli只需要安裝一次即可
全局安裝:npm i -g @vue-cli
或者使用yarn:yarn global add @vue/cli
(二) 項目搭建:
1 在新建文件創(chuàng)建項目:
vue create my-vue (my-vue項目名稱,可以自定義)
2 選擇默認(rèn)(default) 或者 手動(Manually) 這里我選擇Manually select features手動設(shè)置
此處有兩個選擇:
default (babel, eslint) ( 默認(rèn):提供 babel 和 eslint 支持末荐。)
Manually select features ( 手動:提供更多的特性選擇。比如如果想要支持 TypeScript 近范,就應(yīng)該選擇這一項脊髓。)
3 選擇配置,看個人項目需求
空格鍵是選中與取消顽决,A鍵是全選
TypeScript 支持使用 TypeScript 書寫源碼
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 导匣。
Vuex 支持 Vuex 才菠。
CSS Pre-processors 支持 CSS 預(yù)處理器。
Linter / Formatter 支持代碼風(fēng)格檢查和格式化贡定。
Unit Testing 支持單元測試赋访。
E2E Testing 支持 E2E 測試。
根據(jù)自己項目我選擇的是缓待,如下圖:然后蚓耽,回車
4 是否使用路由器的歷史模式?我選擇是(Y) 回車
5 需要支持何種動態(tài)樣式語言旋炒,(我選擇less)
6 選擇哪個自動化代碼格式化檢測步悠,配合 vscode 編輯器的(我選擇的是:ESLint + Prettier 回車)
7 選擇語法檢查方式(我選擇的是:Lint on save )
Lint on save 保存就檢測
Lint and fix on commit fix 和 commit 的時候檢查
8 希望在哪里放置Babel、PostCSS瘫镇、ESLint等的配置贤徒?(我選擇:In dedicated config files)
In dedicated config files 在專用配置文件中
In package.json 在package.json中
9 將此保存為將來項目的預(yù)設(shè)?(我選擇:Y)回車
(三) 進(jìn)入項目并啟動項目:
cd my-vue 進(jìn)入到項目的根目錄
npm run serve 啟動項目