使用VUE项目管理器新建一个VUE项目

Vue-cli3使用VUE项目管理器新建一个项目

前端技术栈：Vue,Vue-Router,Element-UI,Axios,Echarts

Vue-cli3脚手架安装

1.安装node.js
到官网选择对应版本下载link，然后无脑安装

2.安装淘宝镜像
打开命令行窗口
输入npm install -g cnpm --registry=https://registry.npm.taobao.org
详细可在菜鸟教程看link

3.npm安装vue-cli
cmd执行©npm install-g @vue/cli（不用淘宝镜像可忽略前面的"c"），安装vue-cli3（3开始安装方式改为这个）。
在命令行输入 vue -V出现相应的版本，即说明安装成功

打开VUE项目管理器

打开命令行，输入vue ui 此时会自己跳到浏览器打开界面

• 点击创建项目（可现在本地创建好要存放项目的文件夹，再选择这个文件夹）
  
• 填写项目名称，如果要上传到github则勾选
  
• 选择手动配置项目，也可以选择已有的预设，第一套是我自己写过的项目
  
• 够选下面4个选项，根据自己的情况选择
  
• 配置，Eslint选择标准配置
  
• 可以起名保存预设，下次创建项目就有你配置过的预设了，像第一张图片那样。
  
• 点击创建项目，便创建成功。
  

手动配置

以下不做图文说明，发现太长了

• 安装 vue-cli-plugin-element
  点击插件–>添加插件–>在搜索栏输入vue-cli-plugin-element–>点击安装
  安装完成后可以选择全部导入或按需导入，一般选按需导入Import on demand

• 配置Axios：在依赖中安装,搜索axios(运行依赖)

    项目就基本配置完成了
    接下来点击任务-->server-->运行
    运行后点击启动app就可出现如下画面
  

下面就可以随心所欲的按需求写项目了。