Vue项目环境准备(vue脚手架搭建与gitee使用)

一、首先需要先安装node.js

node官网下载对应的版本并安装node,安装步骤简单,一路“next”即可。安装完成后,打开命令行工具输入命令(window+R cmd)输入node -v,如下图,如果出现对应版本号,则说明本机上安装node成功

我们所需要的npm包管理器,是集成在node中的,所以,再直接输入npm -v就会如下图所示,依然可以正常打印出版本号,说明node环境已经安装完了

二、Gitee码云

  • 注册一个码云账号,记住用户名、邮箱、密码
  • 注册完登录,进入个人主页,左下角点击创建一个私有项目来存储我们的代码,如下图
  • 为了使本地代码与线上代码相关联,就需要下载git,到git官网下载安装对应版本,只需修改你想要安装的位置,其他的一律默认“next”下去即可。

     

    • 安装完成后,打开命令行工具输入命令(window+R cmd)输入git --version 如正常打印出版本号则安装没问题
    • 为了让本地的git与线上的git仓库做一个关联,需要在gitee做一个公钥和私钥,打通线上线下,如下图在gitee主页点击设置,进入后点击左侧的SSH公钥
  • 电脑右键打开git终端,如图                               
  • 将这部分生成的东西粘贴到公钥里,点击创建就完成了

 

  • 接下来把线上仓库的代码克隆到本地,在对应想创建的文件夹右键打开git bash here,输入       git clone 空格后粘贴上刚刚拷贝来的ssh链接,回车,下载项目内容
  • 下载成功,多了一个你仓库命名的文件夹

三、接下来在这个文件夹里创建一个vue实例

备注

1.Vue build:                      # 打包方式

2.Install vue-router?       # 路由, 项目中会用到,Y需要安装

3.Use ESLint to lint your code? # 是否需要js语法检测

4.Set up unit tests                    # 是否安装单元测试工具

5.Setup e2e tests with Nightwatch?   # 是否需要端到端测试工具

6.Should we run `npm install` for you after the project has been created? (recommended)    # 安装依赖

等待下载,完成初始化后,根据对应的指令输入

vue环境整体配好

四、将本地新生成的项目上传到git

在对应文件夹里打开git bash here,输入命令行git status 回车查看本地仓库多出来的文件,现需要将这些文件添加到线上仓库中,输入git add . 回车,再输入git commit -m "project initialized"回车,再运行git push ,再回到码云就可以看到本地新添加的文件

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值