Vue+Element-UI实战项⽬_电商管理系统
学习了狂神的vue课程后⼜看了这个vue的项⽬，因为狂神的很基础⽽且讲的是vue2，就打算看⼀个项⽬再加深⼀下，从这个课程学到了很多的东西，⽼师讲解的很细致，我把其中我不太熟悉或者重要的点记录下来。
课程链接：
⼀：环境搭建（P1-P7）
系统展⽰：
系统功能列表：
前端项⽬技术栈
Vue（vue3）
Vue-router
Element-UI
Axios
vue element adminEcharts
后端项⽬技术栈
Node.js
Express
Jwt
Mysql
Sequelize
资源下载：
该项⽬实例: p/
前端代码:gitee/wBekvam/vue-shop-admin.git
后端代码:gitee/wBekvam/vueShop-api-server.git
页⾯预览:p/
配套资料链接:
pan.baidu/s/1FX_1sz0Xj-0r1R_E12Qh1g
提取码: 8exy
vue3创建项⽬
⼀、3.0 新加⼊了 TypeScript 以及 PWA 的⽀持
⼆、部分命令发⽣了变化：
  1、下载安装  npm install -g vue@cli
  2、删除了vue list
  3、创建项⽬  vue create
  4、启动项⽬  npm run serve
三、默认项⽬⽬录结构也发⽣了变化：
  1、移除了配置⽂件⽬录，config 和 build ⽂件夹
  2、移除了 static ⽂件夹，新增 public ⽂件夹，并且 index.html 移动到 public 中
  3、在 src ⽂件夹中新增了 views ⽂件夹，⽤于分类视图组件和公共组件
⾸先安装npm3.0，在安装之前如果曾经安装过vue-cli2的，由于vue cli 升级到3后，package的名字从 vue-cli 改为了 @vue/cli，装了旧版本的，建议把旧版本的卸载了，再安装新版本。
// 卸载指令如下：
npm uninstall vue-cli -g
or
yarn global remove vue-cli
新版本：
npm install -g @vue/cli
vue3提供了可视化创建项⽬，⾮常⽅便。相关视频：
可视化操作：
win+R 运⾏cmd
输⼊vue ui 进⼊界⾯
点击创建按钮，进⼊到⽬录选择⾯板（localhost:8000/project/select）
安abel router formatter
注意下⾯第⼀⾏的Linter不能勾选。很容易出问题、
创建完成
配置Element-UI组件

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。