Vue-cli初始化project后的各文件类型,更改端口号

①最外层文件
README.md 项目说明文件
package.json 对第三方包的依赖
package-lock.json 帮助我们确定第三方包的版本
LICENSE 开源协议的说明
index.html 项目默认的首页的模板文件
.postcssrc.js 对post的配置项
.gitignore 不希望传入git的文件可以配置在这里
.eslintrc.js 对代码规范的检测标准配置在这
.eslintignore 不受eslint检测的文件配置在这
.editorconfig 配置一些IDE的自动化格式化方法
.babelrc 对单文件组件进行处理,转换成浏览器可以编译执行的代码

②static目录
放置静态资源,静态图片,后续需要模拟的json数据等

③node_modules目录
放置项目依赖的第三方的包,不用管

④src目录
放置整个项目的源代码
main.js 整个项目入口文件
app.vue 项目的根组件
router/index.js 项目路由放置的位置
components 项目用到的小组件
assets 放置项目用到的一些图片类的资源

⑤config目录
放置项目配置文件
index.js 基础配置信息
dev.env.js 开发环境的一些配置信息
prod.env.js 线上环境的一些配置信息

⑥build目录
放置项目打包的webpack的一些配置信息,一般情况下不需要改动。
webpack.base.conf.js 基础
webpack.dev.conf.js 开发环境
webpack.prod.conf.js 线上环境

如果需要更改vue-cli的默认端口号,如果是vue-cli 2的话,打开config/index.js,更改位置如下:

module.exports = {
  dev: {
    port: 8080
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容