【其他配置·package.json】

项目运行起来的时候自动打开

  "scripts": {
    "serve": "vue-cli-service serve --open",
    //  "serve": "vue-cli-service serve --open --host=localhost"
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

关闭eslint校验功能

vue.config.js中

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false
})

src文件夹简写方法,配置别名

以后在用的过程中有@提示

(@代表的是src文件夹,这样将来文件过多,找的时候方便很多)

jsconfig.json中

  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "baseUrl": "./",
    "moduleResolution": "node",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },

写样式的时候,安装

cnpm install --save less less-loader@5
如果想让组件识别less样式,需要在style标签的身上加上lang=less

修改title旁边的小图标
在这里插入图片描述

### 正确配置 `package.json` 文件 为了确保项目能够被正确安装和使用,在 `package.json` 中合理设置各个字段至关重要。对于一个基于 Rollup 构建并希望支持多种模块系统的库来说,可以按照如下方式来构建此文件: #### 基础信息定义 - **名称(name)** 和 **版本(version)** 是必不可少的基础元数据项,它们分别指定了项目的唯一标识符及其当前发布的具体迭代号。 ```json { "name": "my-library", "version": "1.0.0" } ``` #### 主入口(main)与现代模块(module) 为了让不同环境下的应用都能顺利引入该库,应当指定两个不同的出口路径——一个是遵循 CommonJS 规范的 `.cjs.js` 文件作为默认加载选项;另一个则是采用 ES Modules 的 `.esm.js` 版本供兼容浏览器直接调用[^3]。 ```json { "main": "dist/my-library.cjs.js", // CommonJS 格式 "module": "dist/my-library.esm.js" // ES Module 格式 } ``` #### 配置参数(config) 如果脚本运行过程中需要用到某些预设好的变量值,则可以通过 config 来传递这些静态配置项给命令行工具或其他自动化流程处理程序[^1]。 ```json { "config": { "port": "8080" } } ``` #### 发布前验证(package name check) 在准备向 NPM 注册表提交新软件包之前,建议先通过官方提供的搜索接口确认目标命名空间尚未被人占用,以免造成冲突或误解[^2]。 ```bash npm search <ModuleName> ``` 综上所述,一份完整的 `package.json` 应当综合考虑以上各个方面的需求,并据此作出适当调整以适应实际应用场景的要求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值