Spring Boot 笔记 022 前端环境准备

1.1环境准备vue

1.1.1 安装vuw

复制代码
npm init vue@latest

1.1.2 安装element-plus并修改main.js导入element-plus

复制代码
npm install element-plus --save
javascript 复制代码
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'


const app = createApp(App);
app.use(ElementPlus,{locale});
app.mount('#app')

1.1.3 安装axios

复制代码
npm install axios

1.1.4 安装sass

javascript 复制代码
npm install sass -D

1.2 目录调整

1.2.1 删除components下自动生成的内容

1.2.2 新建api,utils,views

1.2.3 拷贝request.js到utils目录下

1.2.4 拷贝静态资源到assets目录下

1.2.5 删除App.vue中自动生成的内容

1.3 修改main.js并启动项目测试

1.3.1 修改main.js

javascript 复制代码
import './assets/main.scss'

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'


import App from './App.vue'


const app = createApp(App);
app.use(ElementPlus);
app.mount('#app')

1.3.2 测试

1.4 其他

1.4.1 vs code中使用markdown

简介:如何在vscode下使用markdown - 知乎

相关推荐
腾讯TNTWeb前端团队4 小时前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
范文杰8 小时前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪8 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪8 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
FreeCultureBoy9 小时前
macOS 命令行 原生挂载 webdav 方法
前端
uhakadotcom9 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom9 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom9 小时前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom10 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom10 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试