本文共 695 字，大约阅读时间需要 2 分钟。

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

答案：不需要！

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

概念

vue2.x使用的脚手架官方名称叫：vue cli,俗称脚手架

传送门：

脚手架的下载安装

全局安装：npm install -g @vue/cli

使用脚手架创建一个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的方式访问项目

转载地址：http://ecca.baihongyu.com/