操作系统：Windows10

1. 配置 Node.js 运行环境

官网 ： 下载 | Node.js 中文网

历史版本：Previous Releases | Node.js

下载版本：开发版/ LTS

安装：根据操作系统类型进行匹配，傻瓜式安装即可

验证是否安装成功：

        > node -v

        > npm -v

2. gitee仓库(项目)创建、代码管理

个人账号自行注册，电子邮箱已绑定！

官网 ：Gitee - 基于 Git 的代码托管和研发协作平台

创建仓库：

        点击创建 >        

3. 配置本地 Git

官网：Git - Downloads

安装：根据操作系统类型进行匹配，傻瓜式安装即可

验证是否安装成功：

        > git --version

4. 本地Git与线上gitee创建关联

获取公钥：

        >  桌面鼠标右键并点击 Git Bush Here

        >   对话框输入： ssh-keygen -t ed25519 -C "绑定邮箱@xxxxx.com"

         >  对话框输入： cat ~/.ssh/id_ed25519.pub

        >   返回的内容即 公钥

        >   复制 公钥 粘贴至 "gitee主页  >  设置   >  SSH公钥 " 下对话框

        >   确定后能看到下图，即表示关联成功。       

克隆项目文件至本地：

        点击克隆菜单  >   选择以SSH协议进行代码的克隆  >  复制  >

         >  控制台切换指定路径(项目文件储存路径，注意路径！！！)下

        >   在命令行输入指令 " git clone  +  复制内容  "

        即成功的将线上仓库中的代码文件克隆至本地指定路径下

  ---------------------------------------------------------分界线------------------------------------------------------------

获取公钥操作不懂，可以通过 " gitee主页  >  设置   >  SSH公钥  >   怎样生成公钥 " 查看具体操作

 ---------------------------------------------------------分界线------------------------------------------------------------

5. 创建Vue项目

以往的学习，都是通过引入 vue.js 去进行页面的开发，但当构建大型项目时不适用！

Vue 提供了脚手架工具 vue-cli ，用于快速搭建大型Vue项目！

vue-cli  安装：

        首先：cmd打开控制台  >

                旧版本安装：命令行输入 npm install --global vue-cli  

                新版本安装：命令行输入 npm install --global @vue/cli  

                在现有版本下，npm 安装 旧版本装vue-cli  将会出现多条警告，只要不是报错，不要理会，按照步骤进行即可；

                旧版 >  新版 ，则需要通过mup  uninstall vue-cli -g 卸载旧版，并重装新版

---------------------------------------------------------分界线------------------------------------------------------------

        自身学习需要用的旧版，初次安装时出现了多条警告，以为安装出现问题，不断在博客查找原因和解决办法，但都没用。没辙了，硬着头往下进行，出乎意料后续的程序也可以执行。发现安装没问题，而是无法确定到底安装成功不成功。通过  vue -V  指令，我们可以判断是否安装成功！

        vue -V  指令   >   获取  vue-cli 版本号 ，而不是获取Vue的版本号

---------------------------------------------------------分界线------------------------------------------------------------

Vue项目创建：

        vue-cli安装成功  >  通过指令 " cd " 进入到 " 与前文项目文件储存路径相同的路径下 "

                                   >  输入指令 "  vue init webpack + 放置项目文件的文件名(即gitee项目名)  "

            项目创建         >  Y     

      基础参数设置        >  回车 (项目名不可大写)  >  回车   >  '作者名'  >   回车  >  Y   >  Y  

                                   >   回车  >  N   >  N   >  回车

         出现下面的界面，则表示Vue项目初始化完成。

---------------------------------------------------------分界线------------------------------------------------------------

        旧版脚手架初始化项目时，出现了多条警告，不予理会！

        若报错：vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 20.205.243.166:443  ，这应该是由于网络不稳定的问题，多试几次或换网再试

---------------------------------------------------------分界线------------------------------------------------------------

         根据提示内容，控制台输出指令：

                >  cd  'gitee项目名'

                >  npm run dev               

        项目创建成功，显示项目运行的URL

6. 本地Git项目与线上gitee项目一致

        >  命令行通过 ' ctrl + c ' 关闭已启动的Vue项目

        >  输入指令  ' git status '

                查看本地仓库(将出现很多多余文件)

---------------------------------------------------------分界线------------------------------------------------------------

        Vue项目创建文件需要与克隆在本地的项目文件放置在同一目录文件下，处于同级，否则报错，或无法正确检测到这些Vue项目文件

---------------------------------------------------------分界线------------------------------------------------------------

        >  输入指令  ' git add .  '

                添加文件至本地 Git 的缓冲区

        >  输入指令 "  git commit -m 'project init'  "

                将缓冲区的内容提交至本地仓库，同时创建一条"这是一次 ‘项目初始化’ 操作的"信息

        报错：error: pathspec 'initialized'' did not match any file(s) known to git

---------------------------------------------------------分界线------------------------------------------------------------

        原因：Linux系统使用单引号，Windows系统使用双引号

---------------------------------------------------------分界线------------------------------------------------------------

  重新输入指令：

        >  git commit -m "project initialized" 

        返回：Author identity unknown   Please tell me who you are

---------------------------------------------------------分界线------------------------------------------------------------

        原因：gitee信息认证

---------------------------------------------------------分界线------------------------------------------------------------

输入指令：

        >   git config --global user.email "绑定邮箱"

        >  git config --global user.name "账户名字"

再次输入指令：

        >  git commit -m "project initialized"

        >  git push

                将所有本地代码推至线上gitee仓库

以上是第一次创建Vue项目的整个过程以及遇到的问题和感想。