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語法(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

 

 

 

 

 

 

 

 

 

 

 
        

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM