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

												


											
React/VUE 脚手架2.0和3.0的更多相关文章
	

    
								
  1. Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli）
		
    ps: 想了解更多vue相关知识请点击VUE学习目录汇总 Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星,足以说明其以悄然成为主流.16年10月Vue发布了2.x版本,经过 ...
    
		
    2. 
						
  2. vue-cli 2.0搭建vue脚手架步骤
		
    1.安装node 检测版本node -v 2.安装webpack npm install webpack -g 检测版本 webpack -v 3.安装vue-cli npm install vue- ...
    
		
    3. 
						
  3. vue(2.0)+vue-router(2.0)+vuex(2.0)实战
		
    好久没更新自己的知识库,刚好借双十一的契机,用上了vue(2.0)+vue-router(2.0)+vuex(2.0)来开发公司的双十一电商活动. 项目目录结构: 运行: npm install np ...
    
		
    4. 
						
  4. vue.js学习：1.0到2.0的变化（区别）
		
    一.生命周期 1.1.0的生命周期: 周期 解释 init 组件刚刚被创建,但Data.method等属性还没被计算出来 created 组件创建已经完成,但DOM还没被生成出来 beforeComp ...
    
		
    5. 
						
  5. vue cli3.0 结合echarts3.0和地图的使用方法
		
    echarts 提供了直观,交互丰富,可高度个性化定制的数据可视化图表.而vue更合适操纵数据. 最近一直忙着搬家,就没有更新博客,今天抽出空来写一篇关于vue和echarts的博客.下面是结合地图的 ...
    
		
    6. 
						
  6. vue中使用 echarts3.0 或 echarts2.0 (模拟迁徙图，折线图)
		
    一.echarts3.0(官网: http://echarts.baidu.com/) 首先通过npm安装echarts依赖,安装的为3.0版本 npm install echarts -s 也可以使 ...
    
		
    7. 
						
  7. 记一次 React Native 大版本升级过程——从0.40到0.59
		
    去年把公司几个react native 相关的项目升级了下,已经过去一段时间了,这里系统整理下之前的整个过程. 背景 之前到公司的时候发现公司用的还是0.40的版本,据了解,当时项目做的比较早,导航用 ...
    
		
    8. 
						
  8. Mac OS X下安装Vue脚手架（vue-cli）
		
    前言 Vue作为前端三大框架(Angular,React,Vue)之一,号称是最简单,最容易上手的框架,同时也是行内的大趋势,还可以用来开发最火的小程序.具有开发快,双向数据流等特点,有些人认为Vue ...
    
		
    9. 
						
  9. 探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
		
    前言 首先说明这并不是一个教程贴,而记事本应用是网上早有的案例,对于学习 vuex 非常有帮助.我的目的是探索 vuex 2.0 ,然后使用 vue 2.0 + vuex 2.0 重写这个应用,其中最 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. ubuntu16.04安装kinetic调用gazebo_control解决方案
			
    解决方案 sudo apt-get install ros-kinetic-gazebo-ros-control
    
			
    2. 
						
  2. vim与程序员    vi/vim 的使用
			
    vim与程序员   所有的 Unix Like 系统都会内建 vi 文书编辑器,其他的文书编辑器则不一定会存在. 但是目前我们使用比较多的是 vim 编辑器. vim 具有程序编辑的能力,可以主动的以 ...
    
			
    3. 
						
  3. python中的str和repr函数的区别
			
    看了一些网上的解释,最主流的解释是“str是给人看的,repr是给机器看的”,如果已经理解了的,这句话是对的,但是是有问题的,对于没懂的,这句话是无法理解的. 我来尝试解释一下.先直译一下官方文档:  ...
    
			
    4. 
						
  4. python：turtle绘图模块
			
    turtle模块 海龟绘图(Turtle Graphics),python内置模块,非常简单好玩的一个库. 一.导入库 import turtle from turtle import * 二.画布的 ...
    
			
    5. 
						
  5. iOS 问答时间
			
    runloop 的 model作用是什么? 答案: model 主要是用来指定事件在运行循环中的优先级,分为: NSDefaultRunLoopMode(kCFRunLoopDefaultMode): ...
    
			
    6. 
						
  6. 使用double无法得到数学上的精确结果的原因及为何不能用double来初始化BigDecimal
			
    使用double无法得到数学上的精确结果的原因: double类型的数值占用64bit,即64个二进制数,除去最高位表示正负符号的位,在最低位上一定会与实际数据存在误差(除非实际数据恰好是2的n次方) ...
    
			
    7. 
						
  7. Window ferformance toolkit 学习
			
    1.环境配置 2.内存泄露 a. 编写自己的wprp文件: http://msdn.microsoft.com/en-us/library/hh448223.aspx b.启动 @echo off s ...
    
			
    8. 
						
  8. python知识点杂记
			
    1. Python没有 ++, --操作. 2. Join比+快:tuple比list快 3. Dict的key是区分大小写的 4. 参数顺序:无默认值参数,有默认值参数,tuple,dict 5.  ...
    
			
    9. 
						
  9. wait()函数的详细分析
			
    之前一直没太深入的去理解wait()函数,今天机缘巧合之前又看了看,发现之前没有真正的理解该函数. 众所周知,wait()函数一般用在父进程中等待回收子进程的资源,而防止僵尸进程的产生. (In UN ...
    
			
    10. 
						
  10. Python创建第一个django应用
			
    在helloworld工程的基础上,我们准备创建第一个基于web的django应用,把这个应用名字命名为Guest   1.首先,是如何创建这个应用包,当然第一选择我们可以进入到cmd中,执行如下命令 ...
    
			
    11.