Vue开发环境搭建 element-plus

最新推荐文章于 2024-05-14 17:19:19 发布

Brave--Li

最新推荐文章于 2024-05-14 17:19:19 发布

阅读量235

点赞数 1

文章标签： vue.js javascript 前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/lixinhui2323/article/details/130728620

版权

Vue开发环境搭建

总体需求：第一次使用vue3，开发工具使用的是VScode，打算使用vue-cli脚手架，组件使用element-plus

1. 在node官网上下载最新的node.js https://nodejs.org/en
3. 安装好node后，要在自己电脑上创建一个专门放项目的文件夹
4. 在创建的文件夹下输入cmd打开终端，输入 “vue create 项目名”

在这里插入图片描述

4. 安装成功后，就代表创建了一个名为 gene_viz的项目，同时系统会自动在vue文件夹下创建一个gene_viz文件夹
5. 进入gene_viz文件夹下，执行命令行：npm run serve
在这里插入图片描述

6.下载淘宝的cnpm代替npm，后续下载各种插件就会快些

在这里插入图片描述

7.用VScode打开项目，进行开发
在这里插入图片描述

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
Vue开发环境搭建 element-plus

安装成功后，就代表创建了一个名为 gene_viz的项目，同时系统会自动在vue文件夹下创建一个gene_viz文件夹。在node官网上下载最新的node.js https://nodejs.org/en。在创建的文件夹下输入cmd打开终端，输入 “vue create 项目名”. 进入gene_viz文件夹下，执行命令行：npm run serve。安装好node后，要在自己电脑上创建一个专门放项目的文件夹。
复制链接

扫一扫

Brave--Li CSDN认证博客专家 CSDN认证企业博客

码龄7年

5: 原创

81万+: 周排名

14万+: 总排名

2824: 访问

: 等级

86: 积分

5: 粉丝

7: 获赞

6: 评论

20: 收藏

私信

关注

热门文章

最新评论

Vue 2组件中定义变量
CSDN-Ada助手: 不知道 Vue入门技能树是否可以帮到你：https://edu.csdn.net/skill/vue?utm_source=AI_act_vue
vue-cli中引入Jquery，使用$get
CSDN-Ada助手: 恭喜您写了第三篇博客，分享了关于在vue-cli中引入Jquery并使用$get的经验。您的分享对于其他开发者来说一定是非常有价值的。接下来，建议您可以尝试更深入的探索Vue.js的各种特性和技巧，分享给我们更多的实用经验。继续加油！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
vue中使用本地的json文件进行echarts画图
CSDN-Ada助手: 恭喜您写了第四篇博客，标题看上去很有趣！不仅能够在Vue中使用本地JSON文件，还可以用它来绘制Echarts图表，这真是太棒了。接下来，我想提供一些建议，希望能够为您的下一个创作项目提供一些帮助。您可以尝试探索更多的技术，例如使用其他数据可视化库或者将Vue与其他框架集成。无论您选择什么，我相信您将会继续创作出更加优秀的作品。 CSDN 会根据你创作的前四篇博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。
Vue开发环境搭建 element-plus
Xd聊架构: 学习佳作，顺手点赞与关住
vue+vis
CSDN-Ada助手: 恭喜您写了第一篇博客，题目“vue+vis”听起来很有意思。我相信在您的努力下，这篇博客一定会让读者受益匪浅。希望您能继续保持创作的热情和努力，不断提升自己的技能和知识水平。推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1

最新文章

目录

评论 2

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。