什么是cli
官网文档:https://cli.vuejs.org/zh/guide/
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,简化了我们创建webpack-vue项目的过程。
cli的好处
使用Vue.js开发大型应用时,有很多工作是繁琐而且重复的,业务逻辑复杂,对前端工程化又有要求,想要便捷高效开发项目
- 代码的目录结构整理
- 项目构建和部署
- 热加载
- 代码的单元测试等
安装vue-cli
安装 node.js
node.js官网Node.js (nodejs.org)https://nodejs.org/zh-cn/
我们可以选择长期维护版进行下载
下载完成后直接无脑下一步即可。
查看node.js 版本
1.打开cmd命令窗口
win10点击“开始”按钮,右键‘win10系统’中的命令提示符用管理员运行;
2.在打开的cmd命令提示符中,使用cd命令进入nodejs安装目录 ,执行node -v
命令,就可查看到node的版本号即安装完成。
安装vue-cli
- 安装命令 :
npm install -g @vue/cli
- 检查命令 :
vue --version