美文网首页程序员
vue-cli人门了解和项目搭建

vue-cli人门了解和项目搭建

作者: 小李不小 | 来源:发表于2019-03-06 22:13 被阅读9次

    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项目内部去开启项目命令) 

    相信看了第一不的同学,这个地方一定会很得心应手的,嘻嘻嘻,看好你哦,你是最棒的。

    相关文章

      网友评论

        本文标题:vue-cli人门了解和项目搭建

        本文链接:https://www.haomeiwen.com/subject/rikfpqtx.html