零基础Vue框架上手;git,node,yarn安装

项目搭建环境:

git安装:Git - 安装 Git (git-scm.com)(官网)
下载路径:Git - Downloading Package (git-scm.com);根据自己电脑下载相对应的安装包

点next

点next,点到最后安装就行。

更详细的借鉴【精选】Git 详细安装教程(详解 Git 安装过程的每一个步骤)_git安装_mukes的博客-CSDN博客

node.js安装:

下载路径:下载 | Node.js 中文网 (nodejs.cn) ;根据自己电脑下载相对应的安装包

安装过程中点next,点到最后安装就行。

打开电脑管理员终端,测试是否安装成功

输入node -v;出现版本号就是安装成功

在安装node.js的过程中会配置npm;输入npm -v;出现版本号就是配置完成。

环境配置完后就开始vue项目上手

vue.js文档:快速上手 | Vue.js (vuejs.org)

element-plus文档:安装 | Element Plus (element-plus.org)

我用的是vscode开发软件Visual Studio Code - Code Editing. Redefined

打开终端,创建一个vue最新版本的项目,npm create vue@latest

项目名写好后就一直回车,项目名最好是英文命名,以免编译中出现中文转译问题出现

文档也有,如图:

运行项目

作者封装的是一个后台管理系统模版,感兴趣的可以前往GitHub - zhongli8166/vuedemo: 后台管理系统模版 vite3 + element-plus + ts

查看,其中有环境配置,请求封装,cookie封装,打包配置等

如有不同需求可提交issue作者会及时更新。

  • 8
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值