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 ，再回到码云就可以看到本地新添加的文件