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

01.项目初始化

截至目前时间 2024.8.28,参考官方文档创建项目,这里只记录当前版本的创建过程,如果版本出入较大,还请参考官方最新文档。 官网地址:https://cn.vuejs.org/guide/quick-start.html

1. 创建项目

npm create vue@latest

在这里插入图片描述

这样项目就创建好了,按照上面的命令执行,看到如下页面表示项目启动成功。

这里有个小技巧,使用 code 命令快速打开 vscode,执行 code zz-admin-vue 可快速用 vscode 打开该项目。

安装依赖,启动项目

npm install
npm run dev

在这里插入图片描述

2. IDE 支持

在我重新整理笔记的时候,volar 已经更名为 Vue-Official,我是直接安装新的
在这里插入图片描述
其实文档里也早就有介绍过 https://cn.vuejs.org/guide/scaling-up/tooling.html#ide-support
在这里插入图片描述

3. Git代码管理

这里的前提条件是本地已经正确安装好了 git 工具
为了方便管理,以及版本信息记录。将代码托管至码云上,具体操作也可参这篇文章:https://juejin.cn/post/7032976688887627790

3.1 注册账号,创建仓库

这个比较简单,不做赘述。

3.2 将本地仓库同步到远程仓库

  • 在当前项目目录下打开 git bash 操作窗口
  • 按顺序执行以下命令
git init 
git add .
git commit -m "项目初始化"
git remote add origin xxx这里换成你的代码仓库地址xxxxx
git push -u origin "master"
  • 查看码云提交记录,是否提交成功
    在这里插入图片描述

http://www.kler.cn/a/287246.html

相关文章:

  • java8 快捷方式
  • thinkphp6模板调用URL方法生成的链接异常
  • 计算机网络中的数据包传输机制详解
  • css 使用图片作为元素边框
  • 两大新兴开发语言大比拼:Move PK Rust
  • 贪心算法入门(三)
  • 解决yum不能正常使用,报错: No module named yum,如何安装python2和python3并行版本,搭建自动化环境
  • 【Python机器学习】NLP词中的数学——向量化
  • 驭势科技研究成果入选学术顶会IROS 2024
  • LuaJit分析(十)luajit自定义修改
  • 如何使用GPT画出带中文的图和表?-已解决GPT画图表出现乱码的问题
  • 优先级队列面试题详解
  • link标签的用途
  • 微软 Maia 100 酷炫登场,强势叫板英伟达!
  • 找出成员满足条件的整个分组
  • el-dropdown不能自己在每一项添加方法,控制台会报错
  • 如何在 PostgreSQL 中安装和配置空间数据支持
  • Linux Kernel 6.12版预计将支持在崩溃后显示二维码 后续可以解码排查错误
  • docker导出导入镜像
  • golang并发编程—— 并发模式
  • 收纳程序 源码
  • 小程序中使用page-container来做弹窗
  • 数据库表的分类
  • Redis与SpringMVC的整合与最佳实践
  • LDR6023:革新手机转接器体验,快充与OTG并存的科技杰作
  • 【mysql】03通过命令行快速导出带字段名的csv格式数据