vue3.0 + net6 webapi+ mysql

全栈开发:

 

开发环境和技术栈
操作系统:windows

开发工具:vscode、Visual Studio 、sql server

​ 前端:Vue3、TypeScript、SCSS、Element Plus、Router、axios、Vuex

​ 后端:.NET6、Automapper、Autofac、Sql sugar、JWT、Log4Net


前端开发--后端提供数据--数据库管理数据--业务流程实现

 

01.nodejs 安装
通过node --version看版本号表示安装好了
http://nodejs.cn/download/

02.脚手架工具安装Vue-CLI
安装命令,通过vue --version看版本号表示安装好了
npm install -g @vue/cli

03.通过命令创建项目
vue create xin-ui

04.安装TypeScript
https://www.tslang.cn/docs/home.html
安装命令 vue add typescript

05.安装SCSS
安装命令
npm install sass-loader node-sass --save

06.安装Element Plus
安装命令,https://element-plus.gitee.io/zh-CN
npm install element-plus --save
项目中导入
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
const app = createApp(App)
app.use(ElementPlus)
07.文件名已2个单词组成为好

08.路由的配置和使用
页面和url地址的跳转适配
安装命令
npm install vue-router@next --save
项目中导入
import router from './routes'
app.use(store)

09.数axios的使用,读取JSON据
安装命令
npm install axios --save