在Vue项目开发时，为了提高加载时间和性能，webpack打包工具会将项目中的文件转为浏览器可以读取的静态文件。
下面我们来演示如何创建一个简单的Vue项目：
1.在创建项目之前应先完成vue-cli脚手架工具的安装。脚手架工具可以直接生成一个项目的整体架构，帮助开发者搭建Vue.js基础代码
npm install vue-cli -g
2.执行命令初始化Vue项目
vue init webpack myapp
在上述命令中，myapp表示项目名称，可以根据需要自定义名称。
程序会自动在当前目录下创建myapp子目录作为项目目录。webpack表示项目的模板。
3.项目目录结构：
| 目录结构 | 说明 |
| build | 项目构建(webpack)相关代码 |
| config | 配置文件目录 |
| node_modules | 依赖模块 |
| src | 源码目录 |
| static | 静态资源目录 |
| test | 初始测试目录 |
| index.html | 首页入口文件 |
| package.json | 项目配置文件 |
| README.md | 项目说明文档 |
4.切换到项目目录，然后启动服务，具体命令如下：
cd myapp
npm run dev
如果启动成功，会看到如下提示信息：
Your application is running here：http：//localhost:8080