目录
前言
使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作,那无疑效率比较低效,所以通常我们会使用一些脚手架工具来帮助完成这些事情。使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置.
1、环境搭建
1.1基本环境安装
在使用CLI之前需要安装node,node环境至少是8.9以上的版本。在官网下载即可。
还需要在终端安装webpack: npm install webpack -g
或者直接在官网下载最新版本的node,会自带npm和webpack.
1.2vue脚手架3安装
安装脚手架(3)需要在终端使用指令:npm install -g @vue/cli
2、CLI3使用
2.1创建vuecli3项目
2.2项目创建过程![](https://i-blog.csdnimg.cn/blog_migrate/944242360e12cff0e2d5cb71f5189a27.png)
检查目录发现项目已被创建:
2.3项目运行
在package.json文件中查看配置可知项目运行需要执行指令:npm run serve
需要注意的是运行文件的时候一定要进到项目里面去。
2.4CLI3配置文件查看和修改
2.4.1配置服务器 vue ui
vue ui 指令在任何一级文件夹都能执行。
输入指令后会显示出图像化界面。