什么是Vue?
vue 是一套用于构建用户界面的渐进式框架。
与其他大型框架不同的是,Vue被设计可以自底层向上逐层应用。
只关注视图层,便于与第三方或既有的项目整合。
当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动
项目初始化
-
安装vue-cli (脚手架)
npm install -g vue-cli -
初始化项目
vue init webpack my-project(自己起的项目名字) -
进入项目
cd my-project -
安装依赖
npm install -
启动项目
npm run dev
目录结构:
参考以下的目录结构,新建文件夹,下面打‘ * ’的为新建文件夹
<pre>
├── build // 构建服务和webpack配置
├── config // 项目不同环境的配置
├── dist // 项目build目录
├── index.html // 项目入口文件
├── package.json // 项目配置文件
├── src // 生产目录
│ ├── assets // 图片资源
│ ├── common * // 公共的css js 资源
│ ├── components // 各种组件
│ ├── moke * // 本地静态数据管理文件
│ ├── App.vue // 主页面
│ ├── vuex * // vuex状态管理器
│ ├── router // 路由配置器
│ └── main.js // Webpack 预编译入口