美文网首页前端基础Vue
新建vue webpack项目

新建vue webpack项目

作者: 顺小星 | 来源:发表于2019-12-03 14:38 被阅读0次

    一、创建项目

    image.png
    vue init webpack lalala
    

    1、报错:

    【 Command vue init requires a global addon to be installed.】

    2、解决办法:

    运行下列代码,全局安装依赖:


    image.png
    npm install -g @vue/cli-init
    

    3、重新创建项目:

    vue init webpack woshizhu
    

    创建时有询问事项,一路enter即可。

    image.png

    二、运行项目

    npm run dev
    

    项目可成功运行,且在pc端OK


    image.png

    1、类似报错:

    image.png

    2、解决办法:

    在vue-cli脚手架中eslint关闭代码规范,
    A.打开 build文件夹下面的webpack.base.conf.js;
    B.找到下面这段代码,并将它注释掉:


    image.png

    相关文章

      网友评论

        本文标题:新建vue webpack项目

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