Vue的项目文件介绍
一、初始化一个项目
使用npm init -y来初始化一个项目。
然后使用npm install --save-dev ...来安装需要的软件包，这样在package.json文件中就会自动添加相应的依赖。
二、package.json和package-lock.json的区别
package-lock就是锁定安装时的包版本号，需要上传到git上，以保证其他人在install时候，大家的依赖版本相同。这个package-lock.json 是在 `npm install`时候生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号.所以npm最新的版本就开始自动生成package-lock.json功能，目的就是确保所有库包与你上次安装的完全一样。
package.json文件只能锁定大版本，即版本号的第一位，不能锁定后面的小版本，你每次npm install时候拉取的该大版本下面最新的版本，可能有些童鞋之前就踩过类似的坑。一般为了稳定性考虑我们不能随意升级依赖包，因为如果换包导致兼容性bug出现很难排查，所以package-lock.json就是来解决包锁定不升级问题的。
每个项目的根目录下面，一般都有一个 package.json 文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。
- dependencies / devDependencies - 生产/开发环境依赖包列表。它们将会被安装在 node_module 目录下；
- `npm install` 命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。package.json 文件可以手工编写，也可以使用 `npm init` 命令自动生成。
- package-lock.json 是在 `npm install` 时候生成的一份文件，用以记录当前状态下实际安装的各个 npm package 的具体来源和版本号。
三、 .babelrc文件
babel主要是用来将ES6代码转换为浏览器可以识别的代码。
.babelrc是Babel的配置文件，放在项目根目录下，使用Babel的第一步就是配置这个文件。该文件用来设置转码规则和插件。
四、配置项目脚本运行的命令
在Pakage.json文件的script标签中可以编写我们命令行的简写命令。
比如上面这个"build"就可以代替"babel src/index.js -o dist/index.js"这个命令。后面我们需要使用这个命令的时候就可以直接简写为npm run build.
以上是 Vue的项目文件介绍 的全部内容， 来源链接： utcz.com/z/376779.html
