2023 使用Vue脚手架搭建vue项目3.0版本

2023 使用Vue脚手架创建vue项目3.0版本

打开文件存放位置 cmd

 

输入 powershell切换

 

输入 vue --version  看是否已安装

 

输入 vue create 文件名（不包含大写字母）

版本低了vue create  不支持  使用命令

  npm uninstall -g vue-cli

  npm install -g @vue/cli

 

重新装 然后再到这一步

选择vue预备版本  3.0

 

选择  npm

 

创建好后  cd 文件名

运行 npm run serve

 

 

搭建element-ui依賴

npm i element-ui -S --legacy-peer-deps

Main.js 文件加入引用代码

// 导入组件库

import ElementUI from 'element-ui';

// 导入组件相关样式

import 'element-ui/lib/theme-chalk/index.css';

// 配置 Vue 插件

     Vue.use(ElementUI);

 

关闭 eslint指引

 

在Config.js

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false
})