目录

前提条件是已经安装好了node并且可以使用npm命令

1. 使用vue-cli2脚手架 vue init webpack my-project
2. 使用vue-cli3脚手架 vue create hello-world
3. 使用vue-cli3命令 vue ui 进入图形界面创建 vue ui
4. 从github寻找一个适合的vue项目二次开发

Vue CLI 官网文档介绍：cli.vuejs.org/zh/guide/in…

一些区别

安装@vue/cli

1、卸载vue-cli 2.x版本
     npm uninstall vue-cli -g

2、安装@vue/cli 3.x版本
     npm install  -g @vue/cli

3、查看版本号
     vue  --version   或者    vue  -V

特点

• 移除了配置文件目录，config 和 build 文件夹；（3.x版本需要在根目录下新增vue.config.js配置文件，写法可参考github.com/staven630/v…
• 移除了 static 文件夹，新增 public 文件夹，并且 index.html 移动到 public 中；
• 在 src 文件夹中新增了 views 文件夹，用于分类 视图组件 和 公共组件；
• 部分命令行发生变化：创建项目、运行项目

使用vue-cli2脚手架

官网介绍：

项目目录结构：

使用vue-cli3脚手架

官网介绍：

项目目录结构：

使用命令行 vue ui 进入图形界面创建

官网介绍：

从github寻找一个适合的vue项目二次开发

github.com/PanJiaChen/… github.com/iview/iview…

vue.config.js

使用vue cli 3以上创建的项目没有config文件，需要自己添加到根目录下，可参考 github.com/staven630/v…