0.初始化项目(Vue2升级到Vue3)
1.升级版本
1.1.查看版本
$ vue -V
2.9.6
1.2.卸载Vue2
sudo su -
npm uninstall vue-cli -g
1.3.安装最新版本
npm install @vue/cli -g
1.4.查看版本
$ vue -V
@vue/cli 5.0.6
2.创建项目
2.1.执行命令
vue create my-vue-3
Please pick a preset: Default ([Vue 3] babel, eslint)
选择 Vue3, 按照回车键, 生产下面代码:
2.1.vscode安装插件
Vue Language Features (Volar)
3.命令
3.1.启动命令
npm run serve
设置host和port
在项目根目录下,存在一个vue.config.js文件, 修改下面的地方:
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
devServer:{
host: '127.0.0.1',
port: 8080
}
})