vue之package.json文件解析

深藏阁楼爱情的钟 2022-10-09 03:20 209阅读 0赞

{
      "name": "vue3test2",
      "version": "0.1.0",
      "private": true,
      "scripts": {
        "serve": "vue-cli-service serve",
        "build": "vue-cli-service build",
        "lint": "vue-cli-service lint"
      },
      "dependencies": {
        "core-js": "^2.6.5",
        "vue": "^2.6.10",
        "vue-router": "^3.0.3",
        "vuex": "^3.0.1"
      },
      "devDependencies": {
        "@vue/cli-plugin-babel": "^3.0.1",
        "@vue/cli-plugin-eslint": "^3.0.1",
        "@vue/cli-service": "^3.0.1",
        "@vue/eslint-config-standard": "^4.0.0",
        "babel-eslint": "^10.0.1",
        "eslint": "^5.16.0",
        "eslint-plugin-vue": "^5.0.0",
        "less": "^3.0.4",
        "less-loader": "^5.0.0",
        "vue-template-compiler": "^2.6.10"
      },
      "eslintConfig": {
        "root": true,
        "env": {
          "node": true
        },
        "extends": [
          "plugin:vue/essential",
          "@vue/standard"
        ],
        "rules": {},
        "parserOptions": {
          "parser": "babel-eslint"
        }
      },
      "postcss": {
        "plugins": {
          "autoprefixer": {}
        }
      },
      "browserslist": [
        "> 1%",
        "last 2 versions"
      ]
    }

在vue-cli3中创建项目的时候添加了路由

所以package.json文件了多了这一部分：

![20210623165617974.png][]

如此使用：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpZ3VhbmdfODIw_size_16_color_FFFFFF_t_70][]

先说这么些，以后再加

[20210623165617974.png]: /images/20221005/7b96e8a7af974da4b56a3d81c04ba438.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpZ3VhbmdfODIw_size_16_color_FFFFFF_t_70]: /images/20221005/7d1cbba6e6304ee199c76e285d8e1164.png

发表评论取消回复

表情：

评论列表（有 0 条评论，209人围观）

还没有评论，来说两句吧...

相关阅读

相关【八股】Vue.js单文件组件结构解析

通过深入了解Vue单文件组件，你可以更有效地构建和管理Vue.js应用程序。部分是用于定义组件的行为、数据、生命周期钩子以及方法的地方。你可以在这里导入外部模块，声明组件...

太过爱你忘了你带给我的痛/ 2024年05月01日 03:55/ 0 赞/ 63 阅读

相关 Vue | vue cli入口文件解析

作者：MGsniper 链接：https://blog.csdn.net/qq\_36145914/article/details/86497123 来源：CSDN。

曾经终败给现在/ 2023年07月15日 09:06/ 0 赞/ 62 阅读

相关 Redis之配置文件解析

Redis配置文件位置在Redis文件夹的根目录，如下图所示： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sh

小咪咪/ 2023年06月18日 09:58/ 0 赞/ 12 阅读

相关 vue-router 解析

本文将以最简单的方式解析`vue-router`实现原理，最全的实现过程请参考源码核心步骤先简单回顾一下原生`vue-router`的使用方式 `router/i

「爱情、让人受尽委屈。」/ 2022年12月11日 13:53/ 0 赞/ 249 阅读

相关 vue之package.json文件解析

{ "name": "vue3test2", "version": "0.1.0", "private": true,

深藏阁楼爱情的钟/ 2022年10月09日 03:20/ 0 赞/ 210 阅读

相关 LwIP之debug.h文件解析

[相关宏定义使用技巧][Link 1] Debug调试宏作用在于，可以在代码运行过程中返回出错信息。当出现错误时，通过打印功能，将错误代码的文件名及其在文件名中的行号打

小鱼儿/ 2022年06月07日 07:07/ 0 赞/ 215 阅读

相关 vue2目录及文件结构解析

一、首先创建一个vue项目，如：my-vue,其代码结构如下： ![这里写图片描述][SouthEast] 由上图分析每个文件的作用： ![这里写图片描述][So

矫情吗；*/ 2022年06月02日 01:44/ 0 赞/ 740 阅读

相关 Android之 AndroidManifest xml 文件解析

一、关于AndroidManifest.xml AndroidManifest.xml 是每个android程序中必须的文件。它位于整个项目的根目录，描述了package中暴

我不是女神ヾ/ 2022年03月19日 10:15/ 0 赞/ 274 阅读

相关 jmeter之jtl文件解析

我们知道命令行的方式执行完成jmeter后，会生成jtl文件，里面打开后就是一行行的测试结果， <httpSample t="1" lt="1" ts="145068495

阳光穿透心脏的1/2处/ 2022年03月18日 04:00/ 0 赞/ 240 阅读

相关 vue入口main.js文件解析

// The Vue build version to load with the `import` command // (runtime-only or s

快来打我*/ 2022年01月13日 05:57/ 0 赞/ 288 阅读