vue项目搭建

vue-cli2安装搭建
vue-cli3安装搭建

vue-cli2搭建项目

cnpm install vue                                // 安装vue
cnpm install --global vue-cli                   // 全局安装vue-cli2
vue init webpack my-app                         // 基于webpack模板创建项目

相关链接：项目目录结构详解：https://www.jianshu.com/p/0c1b5ba90391

vue-cli3搭建项目

cnpm install vue                                // 安装vue
cnpm install -g @vue/cli                        // 全局安装vue-cli3
vue create my-app                               // 创建项目
vue add element                                 // 此命令用于安装element-ui

注：vue-cli3搭建项目时选项配置

1. 选择项目配置方式？默认配置 : 手动配置

   
   配置方式.png
2. 项目所需配置项的选择，空格用于选择/清除选择
   Babel:ES6语法的转换器
   Typescript:javascript类型的超集,可以运行在任何浏览器，Node.js环境和任何支持ECMAScript3（或更高版本）的javascript引擎中
   PWA:Progressive Web App，渐进式WEB应用，接近原生App,通过web技术编写一个网页应用
   Router:路由
   Vuex:状态管理
   Css Pre-processors:css预处理器
   Linter / Formatter:代码格式
   Unit Testing:测试
   E2E Testing:测试
   配置项.png

3. 是否采用history的路由模式？

   
   history.png

4. 选取何种css预处理器

   
   css预处理器.png

5. 在那里写这些文件的配置？专用配置文件 ：package.json文件

   
   配置文件.png

6. 是否保留这个配置在以后的项目中使用

   
   配置是否保留.png