当前位置: 首页 > Web前端 > vue.js

packages.json的理解和学习

时间:2023-03-31 20:36:14 vue.js

1.用npm安装package.json时,直接进入当前项目目录,使用命令npminstall或npminstall--save-dev安装,自动保存package.json在节点模块文件夹中安装模块。在package.json中添加中文注释会导致编译错误配置信息(如name、version、license等元数据)。npminstall命令会根据这个配置文件自动下载需要的模块,即配置项目所需的运行和开发环境。`package.json文件可以手动编写,也可以使用npminit命令自动生成。注意:npminit时,需要用户回答一些问题,然后在当前目录下生成一个基本的package.json文件。在所有问题中,只有项目名称(name)和项目版本(version)是必填项,其他都是可选的。2.进一步理解完整字段和描述地址下面是基于创建vue项目时npminit自动生成的package.json的详细理解1.下面是最简单的package.json文件(只有两个数据,项目名和项目版本,都是必须的,没有的话不能安装){"name":"kocla_test","version":"1.0.0",}2.scripts指定运行脚本的npm命令行缩写commands,例如start指定运行npmrunstart时要执行的命令。以下设置指定npmrundev、npmrunbuild、npmrununit、npmruntest_、npmrunlint_时执行的命令。"scripts":{"dev":"nodebuild/dev-server.js","build":"nodebuild/build.js","unit":"cross-envBABEL_ENV=testkarmastarttest/unit/karma.conf.js--single-run","test":"npmrununit","lint":"eslint--ext.js,.vuesrctest/unit/specs"},3.dependencies,devDependenciesdependencies和devDependencies,分别指定项目依赖的模块和项目开发所需的模块。它们都指向一个对象,对象的每个成员由模块名和对应的版本组成,表示依赖的模块及其版本范围--save参数表示将模块写入dependencies属性,--save-dev表示将模块写入devDependencies属性。"dependencies":{"vue":"^2.2.2","vue-router":"^2.2.0"},"devDependencies":{"autoprefixer":"^6.7.2","babel-core":"^6.22.1","babel-eslint":"^7.1.1","babel-loader":"^6.2.10","babel-plugin-transform-runtime":"^6.22.0","babel-preset-env":"^1.2.1","babel-preset-stage-2":"^6.22.0","babel-register":"^6.22.0","chalk":"^1.1.3",}4.config字段config字段用来给环境变量输出值。{"name":"foo","config":{"port":"8080"},"scripts":{"start":"nodeserver.js"}}5.engines字段指定项目需要什么node.js的版本"engines":{"node":">=4.0.0","npm":">=3.0.0"},6.bin许多包都有一个或多个可执行文件,需要安装到系统路径。在npm下很容易做到这一点(事实上,这就是npm的工作方式)。这需要在package.json中提供一个bin字段,它是命令名称和本地文件名的映射。安装时,如果是全局安装,npm将使用符号链接将这些文件链接到prefix/bin,如果是本地安装,则链接到./node_modules/.bin/。例如,要将myapp用作命令,您可以这样做:{"bin":{"myapp":"./cli.js"}}这样,当您安装myapp时,npm将从cli创建一个文件.js到/usr/local/bin/myapp的符号链接(这允许您直接从命令行执行myapp)。