vue cli 脚手架

实际开发中需要自己配置 webpack 吗

答案：不需要！

• 实际开发中会使命令行工具（俗称 CLI）一键生成带有 webpack 的项目
• 开箱即用，所有 webpack 配置项都是现成的！
• 我们只需要知道 webpack 中的基本概念即可！

概念

vue2.x使用的脚手架官方名称叫：vue cli,俗称脚手架
Vue CLI是一个基于 Vue.js 进行快速开发的完整系统，它致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题

传送门：https://cli.vuejs.org/zh/guide/

脚手架的下载安装

全局安装：npm install -g @vue/cli
检查其版本及是否正确安装：vue --version

使用脚手架创建一个vue项目

创建项目：

在终端或者powershell里面输入：vue create 项目名称

命令快捷操作

1. 上下箭头：切上下切换选项
2. 空格：切换选择
3. enter键：确认选择
4. 选项说明：

脚手架项目的文件关联

1. 运行项目：npm run serve
2. 打开浏览器：http://127.0.0.1:8080
3. 文件关联：
   1. 入口文件：src/main.js
   2. 页面文件：public/index.html
4. 我们以后创建的文件，想要在浏览器看到效果，都要直接或间接在main.js中引用

在脚手架中实现项目的打包发布

1. 运行命令：npm run build
   1. 会在项目根目录下生成dist目录，这个目录中的文件就是打包之后的项目文件
2. 创建node服务器进行资源的托管
3. 运行node服务器，以http的方式访问项目