【VUE】——第一次从代码仓库拉项目代码


记录在拉代码时的步骤和注意点。

【步骤】

1、安装git(git用来进行代码的推拉)

2、gitee上复制代码仓库链接(其他的代码管理器也类似)
在这里插入图片描述
3、到自己需要放置项目代码的地方,右键选择Open Git Bash here

然后执行 git clone https:: //…(之前复制的链接),等项目拉下来。(也可以在代码管理器里面直接下载压缩文件解压。)
在这里插入图片描述

4、下载nvm(nvm可以管理使用的node,在需要的情况下使用不同的node版本,使用nvm use 版本号即可设置当前电脑环境所使用的node版本。)

5、使用nvm下载项目所需版本的node
打开cmd控制台执行:nvm install 14.21.0(版本号)

6、使用node下载项目所需的pnpm版本
打开cmd控制台执行:npm install -g pnpm@6.23.3(版本号)

7、使用vscode打开之前拉下来的项目代码
把文件夹拖到桌面VSCode图标上,或者在VSCode里面打开文件夹就行。

8、在VSCode中下载插件
在软件左侧点击这个图标,然后在搜索框里搜索就好。
在这里插入图片描述
需要下载的插件。
在这里插入图片描述

9、VSCode左上角点击“Terminal”或者ctrl+shift+`,打开控制台
在这里插入图片描述
然后 在打开的控制台执行 pnpm install下载项目所需依赖包

10、下载完成之后执行npm run dev即可运行项目

【注意】

1、使用的包尽量和项目上传时使用的版本一致,包括node、pnpm等的版本,可以避免很多不必要的问题;
2、可以使用nvm来统一管理node版本;
3、使用pnmp来下载项目依赖包,避免下载的包版本不同;
4、使用的是TypeScript和Vue,因此需要下载以下两个插件来支持项目代码运行。
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值