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