vue/cli官网:https://cli.vuejs.org/zh/
vue/cli:cli、cli服务和cli插件(@vue/cli,@vue/cli-service, @vue/cli-plugin- (内建插件) 或 vue-cli-plugin- (社区插件) 开头)
CLI 服务: webpack 配置 和 提供 serve、build 和 inspect 命令。
CLI 插件:是向你的 Vue 项目提供可选功能的 npm 包,例如 Babel/TypeScript 转译、ESLint 集成、单元测试和 end-to-end 测试等。
vue add @vue/eslint // 安装内置插件;全称:@vue/cli-plugin-eslint
vue add apollo // 安装社区插件(第三方);全称:vue-cli-plugin-apollo
vue-router 和 vuex 的情况比较特殊——它们并没有自己的插件,但是你仍然可以这样添加它们:
vue add router
vue add vuex
旧版本:npm install -g vue-cli
新版本:npm install -g @vue/cli
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g
卸载它。
可以使用下列任一命令安装这个新的包:
npm install -g @vue/cli
# OR
yarn global add @vue/cli
vue --version
新版本退到旧版本:
在这里插入代码片
default模式:
只有babel+eslint!
目录:
- hello-world
- node_modules
- public
- favicion.ico
- index.html
- src
- assets
- components
- Appv.vue
- main.js
- package.json
- .gitignore
- babel.config.js
- package-lock.json
package.json文件:
{
"name": "hello-world",
"version": "0.1.0",
"private": true,
"devDependencies": {
"@vue/cli-plugin-babel": "^3.8.0",
"@vue/cli-plugin-eslint": "^3.8.0",
"@vue/cli-service": "^3.8.0"
}
}
运行:
npm run serve // vue2.x使用的是:npm run dev