35.基于vuecli搭建开发环境

1.vuecli提供了可视化的项目构建界面(vue ui),相对于枯燥的命令行,交互方面更加友好。但是,为了更方便的哪来就用。我通过vuecli构建vue3项目后,又删除了一些它自身的代码,保存了一个结构清晰,内容几乎为空的开发环境。以后开发的时候,直接拿来用就行了。

2.git地址:https://gitee.com/jly1314520/my-vuecli3.git

3.package.json

{
  "name": "testvuecli",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "server": "vue-cli-service serve --open",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.8.3",
    "vue": "^3.2.13",
    "vue-router": "^4.0.3",
    "vuex": "^4.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-plugin-vuex": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "@vue/eslint-config-standard": "^6.1.0",
    "eslint": "^7.32.0",
    "eslint-plugin-import": "^2.25.3",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^5.1.0",
    "eslint-plugin-vue": "^8.0.3",
    "less": "^4.2.0",
    "less-loader": "^11.1.3"
  }
}

你可能感兴趣的:(项目构建工具系列,vue.js,javascript,前端)