0
点赞
收藏
分享

微信扫一扫

vue3.0 + net6 webapi+ mysql

安七月读书 2022-05-19 阅读 153

全栈开发:


开发环境和技术栈

操作系统: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




举报

相关推荐

0 条评论