VUE-脚手架

创建新项目文件夹

在终端里

安装Vue脚手架：

    npm install -g @vue/cli

1创建文件夹

vue create my-project

选择3x

 Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)

使用历史模式的路由器?(需要为生产中的索引回退设置适当的服务器)(Y/n)
不选历史模式    n

下载

npm i vue-router

提交文件

git add . 

git commit -m "注释"

给项目添加 touter

vue add router 

运行项目

npm run serve

会出现router 文件夹

在里面 修改网页的样式

在index.js中 修改  

 {
    path: '/login',
    name: '登陆',
    component: () => import('../views/login.vue')
  }

并在网页样式中添加    

  <router-link to="/login" >登陆</router-link>

运行项目

npm run serve

效果 点击 登陆跳转 到 另一个页面