如何使用Vue/CLI 快速创建vue项目

如何使用Vue/CLI 快速创建vue项目

vue/cli 简介

• 什么是 vue cli

  1.vue-cli 致力于将vue生态中的工具基础标准化
  
  2.vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板  
  
  3. 一个丰富的官方插件集合，集成了前端生态中最好的工具
  
  4.确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，
  而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需 eject
  
  5.从vue-cli3 开始有了一套完全图形化的创建和管理vue.js的用户页面
  

• vue-cli 怎么使用

   1. 安装
       a.如果你已经全局安装了旧版本的 vue-cli(1.x/2.x)
         需要通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它
         
       b. Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)
  
       c. (若达成以上条件) 直接使用 npm install -g @vue/cli  即可安装
       
   2. 使用
       a.  使用 vue ui 命令打开UI界面，快速创建Vue-CLI3.0项目
  

  准备页面：
  
  执行完成后 就会弹出如下画面
  (未创建过项目)
  1.填写项目名

  2.选择包管理器

  3.选择初始化git仓库

（之前创建过项目）

填写完项目信息 即可继续下一步

选择手动配置项目 即可配置项目 选择使用什么插件

vueCLI3.0 在初始化后自动安装了vuex 和 vue-router 所以不需要选择 (创建3.0版本)

第四步配置

然后点击创建项目 即可创建 （可与选择保存或不保存预设）