vue cli package.json 自定义规则
时间: 2023-07-28 13:02:07 浏览: 45
你可以通过在 `package.json` 文件中添加 `vue` 字段来定义一些自定义规则。例如:
```json
{
"name": "my-vue-app",
"version": "1.0.0",
"vue": {
"lintOnSave": true,
"configureWebpack": {
"plugins": [
// 自定义 webpack 插件
]
}
},
"dependencies": {
// 依赖列表
},
"devDependencies": {
// 开发依赖列表
}
}
```
在上面的例子中,我们定义了两个自定义规则:
- `lintOnSave`:设置为 `true` 时,会在保存文件时自动运行 eslint。
- `configureWebpack`:可以用来自定义 webpack 配置,例如添加插件。
除了上面的例子中的这两个规则外,还有其他可用的规则,可以参考 Vue CLI 官方文档中的 [Configuration Reference](https://cli.vuejs.org/config/)。
相关问题
vue cli package.json 自定义scripts
在 Vue CLI 生成的项目中,可以通过在 `package.json` 文件中的 `scripts` 字段中添加自定义脚本来扩展 `npm run` 命令。例如:
```json
{
"name": "my-vue-app",
"version": "1.0.0",
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"test": "vue-cli-service test",
"lint": "vue-cli-service lint",
"my-script": "node my-script.js"
},
"dependencies": {
// 依赖列表
},
"devDependencies": {
// 开发依赖列表
}
}
```
在上面的例子中,我们定义了一个名为 `my-script` 的自定义脚本,它会运行 `my-script.js` 文件。
通过这种方式,我们可以方便地扩展 `npm run` 命令,例如添加自定义的构建脚本、测试脚本等。同时,Vue CLI 也提供了一些默认的脚本命令,例如 `serve`、`build`、`test`、`lint` 等,可以在 `scripts` 字段中直接使用。更多的脚本命令可以参考 Vue CLI 官方文档中的 [CLI Plugin](https://cli.vuejs.org/dev-guide/plugin-dev.html#cli-plugin)。
vue2 package.json 指定端口
Vue2的package.json文件中可以通过修改"scripts"属性中的"start"命令来指定端口。
在package.json文件中找到"scripts"属性,然后修改其中的"start"命令。默认情况下,"start"命令是指向"vue-cli-service serve"命令的。这是用来启动开发服务器的命令。
例如,如果想要将端口设置为3000,可以将"start"命令修改为"vue-cli-service serve --port 3000"。这样,在运行"npm start"命令启动开发服务器时,服务器将在3000端口上运行。
修改完成后,保存package.json文件并重新运行"npm start"命令,开发服务器将在指定的端口上启动。
需要注意的是,如果指定的端口已被占用,系统将会尝试使用其他可用的端口。所以,如果指定的端口无法使用,可以尝试选择一个不被占用的端口。