@vue/cli脚手架的使用

基于@vue/cli脚手架快速开发项目，vue准备了一套搭建好的web框架。

@vue/cli的作用

• 创建项目文件夹，并添加各种依赖文件，将编写代码时要用的各种依赖准备好。
• 内置webpack打包工具，打包编译代码。
• 启动测试服务器，直接部署编译好项目代码，由浏览器请求运行。

@vue/cli全局安装

• 目的：得到vue命令

yarn global add @vue/cli
vue -V

@vue/cli创建项目

1. 创建脚手架项目 == 【目的】：得到一套文件夹+文件的标准工程代码
   vue create vuecli-demo
2. 切换到项目所在目录
   cd vuecli-demo
3. 启动服务器
   yarn serve
4. 在浏览器运行1 http://localhost:8080/

【注意】：如果这里的network不显示地址的话，需要在默认配置文件vue.config.js中配置 devServer里信息。详细操作
5. 默认配置文件：vue.config.js
6. 处理eslint代码检查：lintOnSave:false // 在vue.config.js配置关闭eslint检查
7. 支持单页面vue文件（SPA）

【入口函数】：

1. 运行yarn serve后：
   ↩︎