=============
前端_创建项目
=============

1 脚手架项目

资源管理器
    C:\Users\Administrator\Projects\BarBlog\code
        cmd

> vue ui

http://localhost:8000/project/select
    创建
        在此创建新项目
            项目文件夹：barblog-vue
        手动配置项目
            Babel  ... ON
            Router ... ON
            Vuex   ... ON
            其它   ... OFF
        Choose a version of Vue.js  ... 2.x
        Use history mode for router ... ON
        创建项目，不保存预设

2 运行测试

资源管理器
    C:\Users\Administrator\Projects\BarBlog\code
        cmd

> vue ui

http://localhost:8000/dashboard
    任务
        serve
            运行
            输出

...
App running at:
- Local:   http://localhost:8080/
- Network: http://192.168.66.42:8080/
...

通过浏览器访问http://localhost:8080。

3 安装插件

IDEA
    文件
        设置...
            插件
                Vue.js
                    安装

重启IDEA。

4 导入项目

IDEA
    打开
        C:\Users\Administrator\Projects\BarBlog\code\barblog-vue

barblog-vue/
|_src/
  |_components/ - 公共组件
  |_router/     - 路由配置
  |_store/      - 数据状态
  |_views/      - 页面组件
  |_App.vue     - 入口组件

5 添加头像

barblog-vue/
|_src/
  |
  | ...
  |
  |_avatars/    - 头像目录