1,vue-cli已经更新到了3.0,这个版本用户体验相对之前来,改变幅度还是比较大的,比如啊增加一键搭建项目和自定义项目,一键搭建项目你只需要输入 vue create 架项目名字即可创建一个项目,而自定义一个项目,你可以选择自定义模式,然后选择官方提供给你的模板,你就可以选择性的创建项目,提供了vuex router等等插件选择,下面我们来看看两种模式创建项目的方法把。
1,vue-cli 一键创建项目
第一步输入 vue create new vue create 这个是创建项目 new这是项目,可以自定义,
第二部,他会弹出3个选择.
默认选择第一个, 里面带有 vue-router vuex node-saa babel eslint 插件,基本一个项目常用的配置项目全自动帮你配置好,无需你手动去安装,这对于刚接触vue-cli的小白来说,真的是一个很大的福利,哈哈哈哈.
第三部,安心等待,直到初选 cd new 和npm run serve 就说明安卓成功
第四步,输入cd new进入new目录(注意:项目安装好之后,一定要到new项目内部去开启项目命令)
然后输入npm run serve 开启项目出先8080等端口域名,复制第一个放入百度中,项目即可出现
最后的胜利,兄die 们,我们成功了,祝你按照顺利。
2,vue-cli 自定义创建项目
同一上述 输入vue create newtwo
按下回车之后,3个选项选择第3个选项,这样你就可以装上自己配置的脚手架了
这里面有很多选择的插件,你可以选择你自己需要的插件(上下键选择 空格选中),安装上,比如你需要vue-router项目必不可少的一个插件。
是否使用Class风格装饰器 bable 等等 不选择就n 选择就y
这是css 预处理器,你习惯用哪一种,你就安装自己常用的就可以了
ESLint 的配之的话 那就选择一个最基本的配置 ESLint + Standard config 就可以了
选择第一个 Lint on save,就把之前选择好的配置保存好
这里有两种配置文件,这个就根据你自己来选择了,你喜欢哪一种就选择哪一种就ok了
这个就是将你刚刚的配置是否保存
? Save preset as: 你自己配置这个名字,我这里就叫做 testt
输入你自己配置的名字之后,就胡给你安装
输入cd new进入new目录(注意:项目安装好之后,一定要到new项目内部去开启项目命令)
相信看了第一不的同学,这个地方一定会很得心应手的,嘻嘻嘻,看好你哦,你是最棒的。
网友评论