vue-cli的安装和新建项目

vue-cli的安装和新建项目

• 第一步安装vue-cli
  • 在终端运行 npm install --global vue-cli
• 第二步新建项目
  • 在终端运行vue init webpack project（项目名）
• 第三步运行项目
  • 在项目文件夹下运行终端npm run dev
• vue项目的目录结构

  ├── build                      // 构建相关  
  ├── config                     // 配置相关
  ├── src                        // 源代码
  │   ├── api                    // 所有请求
  │   ├── assets                 // 主题 字体等静态资源
  │   ├── components             // 全局公用组件
  │   ├── directive              // 全局指令
  │   ├── filtres                // 全局 filter
  │   ├── icons                  // 项目所有 svg icons
  │   ├── lang                   // 国际化 language
  │   ├── mock                   // 项目mock 模拟数据
  │   ├── router                 // 路由
  │   ├── store                  // 全局 store管理
  │   ├── styles                 // 全局样式
  │   ├── utils                  // 全局公用方法
  │   ├── vendor                 // 公用vendor
  │   ├── views                   // view
  │   ├── App.vue                // 入口页面
  │   ├── main.js                // 入口 加载组件 初始化等
  │   └── permission.js          // 权限管理
  ├── static                     // 第三方不打包资源
  │   └── Tinymce                // 富文本
  ├── .babelrc                   // babel-loader 配置
  ├── eslintrc.js                // eslint 配置项
  ├── .gitignore                 // git 忽略项
  ├── favicon.ico                // favicon图标
  ├── index.html                 // html模板
  └── package.json               // package.json