超级简单的vue入门教程

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

2019-10-12  本文已影响0人  党云龙

第二章:目录介绍

启动项目


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

npm run dev

安装后显示的内容为:


vuecli项目目录

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


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

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


npm run build

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

上一篇 下一篇

猜你喜欢

热点阅读