vue CLI 搭建流程
首先打开我们的要创建项目的终端
首先输入命令 vue-v 查看我们是否安装了vue-Cli
如果没有 就输入 npm install -g @vue/cli
输入命令 vue create 项目名称
注意:不要使用vue-cli 之类的关键字
然后我们会看到这个页面
注意:上面两个 是含有一定功能的创建 建议使用第三个手动选择功能
注意:推荐代码规范选上这样有助于你和别人更加爱看你的代码
空格是勾选
然后选择vue的版本 切记选择 2.x
注意:一定要选择2.x,因为element暂时是不支持3.x的
这句的意思是使用history的router模式
注意:history在兼容性方面有些问题,不建议使用
然后选择代码预编译器会那个选哪个就可以
下面选择代码格式规范 一般选择第三个 这是大多数人都喜欢的
在什么情况下触发代码格式校验
第一种当我们修改代码保存文件的时候去校验
第二种当我们提交文件的时候去校验 会有一个自动修补的功能
建议两个都选
第一种是生成独立的配置文件
第二种是生成到一个配置文件
建议:使用第一个
是否记录本次创建时的选择 由于我们每个项目所需要的都不相同所以建议不使用
这样便创建成功了
然后输入 cd vue-ty
npm run serve 打开
**
element安装
在命令行中输入vue add element
fully import 是全面导入 一般选择第一个 因为会自动引用 不需要再去配置
选择zh-cn 中文然后开始安装
然后再通过npm run serve 打开 然后使用element就可以使用了