首页 前端知识 vue3 router elementui jquery bootstrap axios echarts的工程的创建

vue3 router elementui jquery bootstrap axios echarts的工程的创建

2024-03-06 09:03:47 前端知识 前端哥 121 924 我要收藏

注:本人写这个的原因是在自己在这条路走了太多的坑了,希望和我一样的学生可以避免其中的坑

我重新安装这篇文章自己又重新测了,很有效()一个个的创建有

1。电脑自己的要装node ,以及vue_cle,您们自己找教程,我这里就不介绍了

很重要以下的所有命令要在管理员的环境下执行,可以每引入一个就检查一下(npm run ...)

2创建vue3的工程(管理员)

vue create 工程名

注意要选vue3

把Helloworld.vue 和App.vue改成下面

在App.vue中要加<div id="app"> <div/>(我忘记加了)

2y引入router(管理员)

npm install vue-router@4

 然后是配置u

然后是main。js

然后是elementUI(管理员)

 npm install --save element-plus

mian.js

引入jquery(管理员)全局引入

cnpm install  jquery --save-dev

配置vue.config.js

 然后配置package.json

然后是配置main.js

5.配置bootstrap(同上)

cnpm install bootstrap --save-dev

main.js

6.axios(同上)

npm install --save axios vue-axios

main.js

7echarts()

 npm install echarts --save

main.js

改为//app.config.globalProperties.$echarts=echarts

 在hello world.vue中的运用

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3342.html
标签
评论
发布的文章

JQuery简介与解析

2024-03-01 12:03:31

在Vue 3项目中使用 echarts

2024-03-29 15:03:05

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!