vue架手架4和3的区别_Vue脚手架vue-cli3(4)

vue不支持IE8，因为vue使用了IE8无法模拟的 ECMAScript 5特性

使用vue-cli脚手架会让我们的工作非常方便

比如想编译一下es6的语法就使用 babel loader 和 babel core(可以转换es6代码)

webpack中安装babel loader babel core

npm install --save-dev babel-loader babel-core

下面利用npm安装vue-cli3(4)

(一) 安装：

安装vue-cli只需要安装一次即可

全局安装：npm i -g @vue-cli

或者使用yarn：yarn global add @vue/cli

(二) 项目搭建：

1 在新建文件创建项目：

vue create my-vue (my-vue项目名称，可以自定义)

2 选择默认(default) 或者 手动(Manually) 这里我选择Manually select features手动设置

此处有两个选择：

default (babel, eslint) ( 默认：提供 babel 和 eslint 支持。)

Manually select features ( 手动：提供更多的特性选择。比如如果想要支持 TypeScript ，就应该选择这一项。)

vue01.jpg

3 选择配置，看个人项目需求

空格键是选中与取消，