写在前面
第一周入职，由于公司配的电脑被我一通更新并关机搞崩以后，又换了新的电脑重新安装环境……😭还好不像Java一样还需要配置环境变量，只需要敲几行命令就ok，所以就小小的记录一下过程8~
1.下载和安装nodejs
由于公司不需要最近的nodejs版本，所以我在nodejs历史版本里面下载了和同事一样的版本14.18.2，点击下载以后界面是这样的：
点击
直接安装就可以啦，不需要配置环境变量，点开环境变量Path：
可以看到nodejs已经在了。
在cmd中查看node的版本：
node -v
可以看到：
nodejs就下载安装好啦~
2.提升npm版本
在下载nodejs后里面是自带npm的，不需要额外再安装，但是通常自带的npm版本较低，使用npm启动项目可能会出现各种各样的问题，因此我们可以升级npm的版本
查看当前的npm版本
- 在cmd中输入：
npm -v - 使用
npm install -g npm可以将npm升级到最新版 - 如果要指定npm的版本，使用
npm install -g npm@版本号即可
最后可以看到我的版本为：
3.下载并安装VSCode，并使用Git从远程仓库中拉取项目
下载并安装VSCode
傻瓜式点完确定安装以后，打开界面，右下角会弹出一个安装中文插件的提示，重启以后就ok啦
最下面这个俄罗斯方块儿就是插件界面了，老司机用了都说好👍
从Git仓库拉取代码
本人没有用Git Bash界面拉取代码，直接用VSCode下载了Git：
然后会跳转到这个界面：
点击下载安装无脑Next即可
PS:我用Microsoft Edge下载的时候速度奇慢，用别的浏览器下载就很快，下载慢的小伙伴可以注意一下
然后点击重新加载，就可以远程拉取仓库了：
4.使用vue-cli搭建一个初始Vue项目
首先全局安装vue-cli，vue-cli可以帮助我们快速的构建Vue项目
安装命令：npm install -g vue-cli
然后安装webpack，它是打包js的工具
安装命令：npm install -g webpack
创建Vue项目
首先创建一个空文件夹来存放创建的项目，并在文件路径中输入cmd进入这个文件夹：
创建项目命令:vue init webpack xxx【xxx是项目的名称，自己取】
接着会出现一些配置项，根据自己的需要配置，在这里直接回车即可。
使用VSCode打开文件夹后可以看到：
main.js就是入口。
运行项目
进入项目路径后，输入npm run dev运行：
成功运行后：
这里的端口号显示8081是因为我正在运行另一个项目占用了8080端口，如果8080端口没有被占用的话应该是8080端口
在浏览器中输入http://localhost:8081后可以看到
成功！
5.使用View Design组件库搭建一个Vue项目
该组件库是基于Vue3的企业级UI组件库和前端解决方案，里面的组件都是免费的，在cmd中输入npm install view-ui-plus --save即可全局安装
在快速开始中，有官方为我们准备好的基础工程，不需要自己配置（鬼知道我刚开始配置的时候花了多少时间改各种配置和bug😭）
这里我选择了第一个基于vue-cli的连接并下载到本地：
在cd到当前项目后，使用npm install下载需要的一些组件依赖:
然后输入npm run serve运行就大功告成啦！
写在最后
我相信有很多同学和我一样，正在适应刚刚离开学校、走入社会所带来的身份的转变。走入技术岗位，意味着要不断学习新的知识，不断突破自我。即使此时我们的行囊还轻便的尚未装入生活的沉坠，我们尚且年轻，步伐轻快，但总有一天我们会用所学习的知识去平衡生活的重量。
愿我们一路走来，一路盛开，愿我们不忘初心，愿我们都会成为心目中那个想要成为的人。🌺
