当前位置: 首页 > news >正文

零基础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作者会及时更新。

http://www.lryc.cn/news/293554.html

相关文章:

  • 十分钟学会用springboot制作微信小程序富文本编辑器
  • 【BBF系列协议】TR181-1 TR069的设备数据模型
  • Elasticsearch(简称ES)性能优化 实践
  • 《跨越阶层,小白选专业的逻辑:揭秘家庭背景与个人发展的秘密联系》
  • Python调用pyspark报错整理
  • 快递员的烦恼 - 华为OD统一考试
  • css1基础选择器
  • 【C语言】内联函数总结
  • 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之MenuItemGroup组件
  • 【Linux多线程编程】互斥锁及其使用
  • RabbitMQ_00000
  • 【linux】docker下homeassistant和nodered安装及配置
  • Qt扩展-muParser数学公式解析
  • 【Matplotlib】figure方法之图形的保存
  • 数据库管理-第142期 DBA?DBA!(20240131)
  • react 之 zustand
  • leetcode-回文链表
  • Pinia:一个Vue的状态管理库
  • 2024 Flutter 重大更新,Dart 宏(Macros)编程开始支持,JSON 序列化有救
  • 云计算概述(云计算类型、技术驱动力、关键技术、特征、特点、通用点、架构层次)(二)
  • 物流平台架构设计与实践
  • RedHat8.4安装邮件服务器
  • Linux Shell系列--dirname 去除基本文件名
  • 池化技术的总结
  • H5简约星空旋转引导页源码
  • 前端学习之路(4) vue2和vue3的区别
  • 网络原理-TCP/IP(5)
  • Docker 常用命令详细介绍
  • 10G PON演进到50G PON
  • 智能指针——浅析