项目配置介绍---一篇文章教你理解项目的配置文件and打包(二)

本文介绍了项目文件配置,包括node_modules、public、src等目录的作用,重点讲解了Vue项目的打包过程,通过npm run build命令进行打包,并生成dist文件夹,将内容部署到服务器即可预览项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.项目文件配置如下: 

 

 每个文件在项目中的作用,如下:

node_modules-----npm 加载的项目依赖模块

public----放置一些公共的文件

src----要开发的目录,开发要做的事情都在这个目录中

        assets----存放一些图片

        components----存放组件的文件,可以不用

        App.vue----项目入口文件,也可以将组件写在这里

        main.js----项目的核心文件

.editorconfig-----用于定义编码样式的文件格式和一组文本编辑器插件组成,这些插件使编辑器能够读取文件格式并遵循定义的样式

.gitignore-----避免在提交代码时把我们不想上传的文件提交到git中

babel.config.js----主要作用将ECMAScript 2015+ 版本的代码,转换为向后兼容的JS语法,以便能够运行在当前和旧版本的浏览器或其它环境

package.json---项目的配置信息

package-lock.json----npm依赖模块的详细信息

README.md----项目的说明文件,markdown格式

 2.Vue项目打包

在项目根目录打开命令行解释器应用程序,然后输入npm run build即可,如下: 

 这样就打包成功了,在项目中生成了一个dist文件

 我们双击计入dist文件中,将文件中的这些文件丢到自己的服务器中,访问自己的域名就可以在浏览器上看到自己的项目啦!

 下一章配置vue-router然后创建第一个页面

 今天就分享到这里!

 

 

目录 1. 引言.............................................................................................................................................1 1.1 目的...................................................................................................................................1 1.2 术语定义............................................................................................................................1 1.3 参考资料............................................................................................................................1 2. 软件配置.....................................................................................................................................2 2.1 软件配置环境....................................................................................................................2 2.2 软件配置........................................................................................................................2 2.3 配置管理员........................................................................................................................3 3. 软件配置管理计划......................................................................................................................4 3.1 建立示例配置................................................................................................................4 3.2 配置标识管理....................................................................................................................6 3.3 配置库控制........................................................................................................................7 3.4 配置的检查和评审............................................................................................................8 3.5 配置库的备份....................................................................................................................9 3.6 配置管理计划的修订........................................................................................................9 3.7 配置管理计划附属文档....................................................................................................9 4. 里程碑.......................................................................................................................................11 附录1 文档命名规定....................................................................................................................12 1、受控配置库文件命名规则...............................................................................................12 2、非受控配置库文件命名规则...........................................................................................12 3、提交文档文件命名规则...................................................................................................12 附录2 文档编码规范....................................................................................................................13 附录3 帐号及权限管理................................................................................................................14 附录4 配置库使用规定................................................................................................................16 文档修改记录................................................................................................................................17
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值