Vue3 + Ts + ElementPlus 简易项目搭建

初始化项目

如果不是最新的脚手架，就需要重新安装一下了：

脚手架用的是vue-cli ，在安装新版vue-cli时，先删掉旧版的依赖，不然报错，删掉@vue

位置C:\Users\Jian\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\_apollo-codegen-core@0.37.9@apollo-codegen-core\node_modules\@babel\generator\node_modules\.bin\jsesc.ps1

创建项目

• Choose Vue version
• Babel
• TypeScript
• Progressive Web App (PWA) Support
• Router
• Vuex
• CSS Pre-processors
• Linter / Formatter
• Unit Testing
• E2E Testing

这些配置手动配置，上下键移动，空格键选中，

安装element ,在main.ts中引入

npm install element-plus --save
// main.ts

import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

const app = createApp(App);
app.use(ElementPlus);
app.mount('#app');

然后启动项目就可以了

npm  run serve