Flask+Vue+Element 环境搭建

安装nodejs

自行安装

更新 npm

npm install -g cnpm --registry=[https://registry.npm.taobao.org](https://registry.npm.taobao.org/)

管理员身份进入 Windows PowerShell

全局安装

npm install -g @vue/cli

创建myvue的Flask项目

cd D:\pythonProject\myvue

Pycharm 创建myvue的Flask项目，项目目录假设是：D:\pythonProject\myvue

执行vue create client，创建Vue客户端

预设

my-default-preset

接着就可以启动前端服务

cd client

npm run serve

安装Element-Plus

cd D:\pythonProject\myvue\client

npm install element-plus --save

npm install @element-plus/icons-vue

修改main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import 'element-plus/theme-chalk/index.css'
import ElementPlus from 'element-plus'
import "@element-plus/icons-vue"
createApp(App).use(ElementPlus).mount('#app')

版权所有

版权归属：周说新语

许可证：署名-非商业性 4.0 国际 (CC-BY-NC-4.0)