Question

我想开始学习vuejs Cli，但是当我使用cli安装演示项目时，这会在我的计算机上创建13000多个文件。

Package.json文件包含多个依赖项，如

"devDependencies": {
    "autoprefixer": "^7.1.2",
    "babel-core": "^6.22.1",
    "babel-loader": "^7.1.1",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-preset-env": "^1.3.2", 
    "babel-preset-stage-2": "^6.22.0",
    "babel-register": "^6.22.0",
    "chalk": "^2.0.1",
    "connect-history-api-fallback": "^1.3.0",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^0.28.0",
    "eventsource-polyfill": "^0.9.6",
    "express": "^4.14.1",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^1.1.4",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "html-webpack-plugin": "^2.30.1",
    "http-proxy-middleware": "^0.17.3",
    "webpack-bundle-analyzer": "^2.9.0",
    "semver": "^5.3.0",
    "shelljs": "^0.7.6",
    "opn": "^5.1.0",
    "optimize-css-assets-webpack-plugin": "^3.2.0",
    "ora": "^1.2.0",
    "rimraf": "^2.6.0",
    "url-loader": "^0.5.8",
    "vue-loader": "^13.3.0",
    "vue-style-loader": "^3.0.1",
    "vue-template-compiler": "^2.5.2",
    "portfinder": "^1.0.13",
    "webpack": "^3.6.0",
    "webpack-dev-middleware": "^1.12.0",
    "webpack-hot-middleware": "^2.18.2",
    "webpack-merge": "^4.1.0"
  },

为什么使用vuejs cli的初学者项目有很多依赖项列表？

除了vuejs Cli，我还需要使用其他东西吗？

Answer 1

您似乎正在使用webpack入门套件。

这里的“入门套件”是指“开始一个雄心勃勃的项目的工具包”，而非“初学者套件（学习vue的入门者）”。

所有这些依赖项都用于添加实时重新加载，热模块替换，单个文件组件，ES6等良好的开发功能。它可以帮助您设置复杂的构建过程，这样您就不会因为这些决定而陷入困境可以直接进入构建您的应用程序。

对于那些不熟悉但在React或其他现代前端工具中感到满意的人来说，这种设置很常见且很常见。

如果您对此也不熟悉，并希望专注于vue，则可以直接从CDN加载vue.js并开始使用它。

文档站点上的指南将引导您完成该操作。事实上，如果你只是学习，他们建议远离vue-cli。他们提供了如何在没有它的情况下进行设置的步骤：

https://vuejs.org/v2/guide/

为每个vuejs项目生成大量文件

1 个答案: