vue创建项目

cmd（以管理员身份运行）

vue ui

新建 选择路径
创建选项
选择手动配置 下一步
router vuex开
formatter关 下一步
历史记录能开就开
如果没有选上 等会安装完router 到index.js改成

const router = new VueRouter({
  mode: 'history',
  routes
})

否则 浏览器链接出现#井字符 导致跳转失败

Vscode（以管理员身份运行）

新建Terminal输入

npm run serve

即可由浏览器访问

如果要使用elementUI

第一步 安装插件

新建Terminal输入（以管理员身份运行）

npm install --save element-ui
npm run serve

启动成功

发现项目缺少router文件夹 在vue ui的浏览器里管理项目 插件上方 点击安装router

跳转失败可能的原因

把app.vue的 HelloWorld msg="Welcome to Your Vue.js App"改成

<router-view/>

新建

1.views下新建Xxx.vue
2.在router/index.js
import Xxx from '../views/Xxx.vue'
3.
{
path: '/xxx',
component: Xxx
},