【vue系列课程1】—— vue脚手架环境搭建，目录结构

环境搭建

• 要求ie8以上（*项目不要选）
• 已经安装好webpack

• 环境搭建

---

1.脚手架安装(项目初始化)

全局安装vue-cli

$ npm install -g vue-cli

创建新项目

$ vue init webpack vueTest

进入项目

$ cd vueTest

安装依赖

$ npm install

执行项目

$ npm run dev

---

2.目录结构

index.html:项目根视图
static:静态文件目录(服务器启动后可直接访问)
config：配置文件 开发服务器上配置

build:服务器和webpack的配置文件

src:源码

• main.js入口文件
• app.vue 第一个vue组件
• asset资源 公共资源 font、图片可放

---

注：项目参考课程编写