配套工具

1. VueCLI 构建工具

•   删除Vue-cli  
    	npm uninstall vue-cli -g
    	yarn global remove vue-cli
  

•   安装vue-cli
    	最新版：npm install -g @vue/cli
    	固定版： npm install  -g @vue/cli@5.0.4
  

•   创建项目：vue create  项目名称
  

•   启动项目： npm run serve / yarn serve
  

•   安装依赖： npm  install xxx / yarn add xxx
  

1. Vue-Router路由

•   作用：根据URL的不同，展示不同的组件
    <router-link to="/">Home</router-link> 模板中使用的路由跳转标签
    <router-view/>标签， 负责展示当前路由对应的组件内容
    异步加载路由：component:( ) => import('../xxxx') 
  

• Vetur：Vue2 代码提示工具
• VueDevtools：浏览器端调试工具