windows:

vue-cli:

编辑器： vsCode

npm: 6.11. ＃去nodejs网安装https://npm.taobao.org/mirrors/node/v12.12.0/node-v12.12.0-x64.msi

>npm install -g @vue/cli

# 查看版本

PS D:\vue\project-> vue -V

@vue/cli 4.0.

添加淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

创建项目
vue init webpack my-project  
或者

vue create project-

#这里可以上下选择， 我们选 手动

Vue CLI v4.0.4

? Please pick a preset:

  default (babel, eslint)

> Manually select features 

# 然后根据自己的需求选组件

Vue CLI v4.0.4

? Please pick a preset: Manually select features

? Check the features needed for your project:

 (*) Babel

 ( ) TypeScript

 ( ) Progressive Web App (PWA) Support

 (*) Router

 (*) Vuex

 (*) CSS Pre-processors

>(*) Linter / Formatter

 ( ) Unit Testing

 ( ) E2E Testing

<template>

  <div id="app">

    <div id="nav">

      <router-link to="/">Home</router-link> |

      <router-link to="/about">About</router-link> |

      <router-link to="/demo1">Demo1</router-link>

    </div>

    <router-view/>

  </div>

</template>

<style lang="less">

#app {

  font-family: 'Avenir', Helvetica, Arial, sans-serif;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  text-align: center;

  color: #2c3e50;

}

#nav {

  padding: 30px;

  a {

    font-weight: bold;

    color: #2c3e50;

    &.router-link-exact-active {

      color: #42b983;

    }

  }

}

</style>

<template>

  <div class="test">

    <h1>This is an Demo1 page</h1>

  </div>

</template>

<script>

</script>

<style lang="">

</style>

>npm run serve

 DONE  Compiled successfully in 3656ms                                                    ::

  App running at:

  - Local:   http://localhost:8080/

  - Network: http://192.168.1.105:8080/

  Note that the development build is not optimized.

  To create a production build, run npm run build.