美文网首页
很详细的vue-cli@3.0,看完就懂

很详细的vue-cli@3.0,看完就懂

作者: 小丸子超级可爱 | 来源:发表于2018-11-23 11:22 被阅读0次

    原文地址:一份超级详细的vue-cli@3.0 (强烈推荐)

    1.卸载旧版本

    npm uninstall vue-cli -g

    2.安装新版本

    npm install -g @vue/cli

    node版本必须在8.9以上 .node-v检查版本

    3.创建项目

    vue create vue-study

    4.选择模版

    选择模板

    a)第一个模板是默认的模版,只有babel和eslint。第二个模板是自己手动选择的模板,选择第二个,按向下的快捷键便可选择到第二个,然后会让你自动选择你需要安装什么


    b)我选择的是babel,router,vuex,css,

    c)如果你选择了Css预处理器选项,会让你选择这个,我们用的是sass


    d)是否使用路由的history模式:

    这里我建议选No,这样打包出来丢到服务器上可以直接使用了,后期要用的话,也可以自己再开起来。

    选yes的话需要服务器那边再进行设置。



    e)把babel,postcss,eslint这些配置文件放哪:区别就是,放在package.json还是单独放到其他文件


    f)是否保存配置,如果保存的话,下次在选择模板那里第一个就会出来你自己命名的模板,选择是的话会让你起个名字

    g)会车结束后,自动安装依赖,会告诉你命令行

    5.运行npm run serve,启动项目

    6.可以试试图形化界面创建/管理/运行项目:vue ui,可以用来管理自己的vue项目,可以点击按钮,让项目运行,安装插件什么的。

    附:

    相关文章

      网友评论

          本文标题:很详细的vue-cli@3.0,看完就懂

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