React/VUE 腳手架2.0和3.0

 

　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語法（es六、es7）轉換爲現階段瀏覽器能夠兼容的js代碼

typescript：做用有些相似於babel，擁有類型檢查能力和麪向對象新特徵。

PWA：漸進式WEB應用

Router：路由，設置url，使不一樣的url顯示不一樣的頁面

Vuex：做用相似於全局對象，可是並不徹底相同。

CSS Pre-processors：css預處理器

Linter / Formatter：代碼規範標準

Unit Testing：單元測試

E2E Testing：e2e測試

採用上下鍵，按空格選中你本身要配置的東西。選完以後按enter

而後就會依次彈出你選澤要配置的選項

上圖是luyou

上圖是css

選擇什麼時候檢查代碼規範

一、保存的時候

二、fix和commit的時候 

下圖

選擇將下面的文件保存到哪裏

一、獨立分放

二、放在package.json 

一步一步搞定,這裏的啓動再也不是2.0的npm run dev  而是npm run serve