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