react官方腳手架
npm install -g create-react-app
create-react-app my-app
cd my-app
npm start
區別自己對比
vue2.x腳手架
npm install -g vue-cli
vue init webpack my-project
cd my-project
npm install
npm run dev
沒安裝3.0之前, CMD 里面 輸入vue -v (這里要大寫) 顯示的是2.9.6版本
vue3.x腳手架待定
npm install -g @vue/cli
安裝了3.0后,3.2.1版本
vue create 項目名
一般自定義配置,不用默認的
babel:一個javascript轉譯器,將最新版的js語法(es6、es7)轉換為現階段瀏覽器可以兼容的js代碼
typescript:作用有些類似於babel,擁有類型檢查能力和面向對象新特征。
PWA:漸進式WEB應用
Router:路由,設置url,使不同的url顯示不同的頁面
Vuex:作用類似於全局對象,但是並不完全相同。
CSS Pre-processors:css預處理器
Linter / Formatter:代碼規范標准
Unit Testing:單元測試
E2E Testing:e2e測試
采用上下鍵,按空格選中你自己要配置的東西。選完之后按enter
然后就會依次彈出你選澤要配置的選項
上圖是luyou
上圖是css
選擇何時檢查代碼規范
1、保存的時候
2、fix和commit的時候
下圖
選擇將下面的文件保存到哪里
1、獨立分放
2、放在package.json
一步一步搞定,這里的啟動不再是2.0的npm run dev 而是npm run serve