美文网首页超级简单的vue入门教程
vuecli2框架介绍(二)目录介绍

vuecli2框架介绍(二)目录介绍

作者: 党云龙 | 来源:发表于2019-10-12 17:47 被阅读0次

    第二章:目录介绍

    启动项目


    因为vuecli集成了webpack-dev-server 所以启动方式是这个命令

    npm run dev
    

    安装后显示的内容为:


    vuecli项目目录

    如果你需要修改配置路径什么的 ,请修改这个文件:


    修改config下的index.js
    注意:
    还有,如果本地调试项目时,建议将build 里的assetsPublicPath的路径前缀修改为 ' ./ '(开始是 ' / '),因为打包之后,外部引入 js 和 css 文件时,如果路径以 ' / ' 开头,在本地是无法找到对应文件的(服务器上没问题)。所以如果需要在本地打开打包后的文件,就得修改文件路径。

    完成后打包使用此方法:会自动生成页面到dist文件夹 :


    npm run build
    

    上传时,只上传dist文件夹中的内容即可!

    相关文章

      网友评论

        本文标题:vuecli2框架介绍(二)目录介绍

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