如何搭建vue3.0脚手架

一 创建vue3.0脚手架

1、如果已经安装过vue2.0，要先卸载vue2.0，没有安装过的话可以忽略这一步（也可以不卸载vue2.0，这样就可以创建不同版本的项目啦！）

npm uninstall vue-cli -g

2、安装vue3.0，注意：Node 版本升级至 8.9 及以上

npm install -g @vue/cli

3、vue3.0创建项目命令

vue create my-project

4、vue3创建的时候是木有路由的，要npm下载的

npm install --save vue-router

5、路由下载后要在 main.js 中引入

import router from './router';

new Vue({
   
  router,
  render: h => h(App),
}).$mount('#app')

6、vue3.0运行命令

npm run serve

7、关闭vue3.0自带eslint语法校验功能

在vue.config.js文件进行配置，或在根目录下创建一个新文件，内容如下：

module.exports = {
   
    lintOnSave: false
}

创建vue3.0脚手架到这里就结束啦，下面的是个人做的小笔记

手动创建一个vue.config.js文件，与package.json在同一级目录下，里面包含基本的配置：①常用插件的配置，②端口号的配置，③跨域请求的配置等等

const path = require("path"