前端环境配置

目录

1.开发工具 vscode

2.上传到库Git工具

3.nodejs下载

步骤1.选择阿里云镜像

步骤2.删除地址栏最后的版本型号 显示所有的版本，选择自己想要的版本

步骤3

步骤4 确认

4.npm和yarn

yarn安装

5.postman (检测端口软件)

6.VUE2项目创建

7.前端相关网址

---

1.开发工具 vscode

vscode下载的时候要搭配相应的常用插件

2.上传到库Git工具

git工具下载下载时可以配合小乌龟下载更好使用小乌龟

3.nodejs下载

node不建议最新版本

步骤1.选择阿里云镜像

步骤2.删除地址栏最后的版本型号 显示所有的版本，选择自己想要的版本

步骤3

步骤4 确认

最后进入dos系统：window + r ，然后输入 cmd   检查node的版本  node -v

4.npm和yarn

 npm不用自己下载 ，设置下载源位淘宝镜像 下载速度快

1.查看当前下载源

npm config get registry

2.切换下载源

npm config set registry https://registry.npm.taobao.org

yarn安装

npm i yarn -g

 1.全局安装必须配置环境变量，yarn的环境变量必须手动配置

 配置地址：C:\Users\Administrator\AppData\Local\Yarn\bin 不知道yarn的路径 yarn global bin 可   以查找yarn的路径

 环境变量：  电脑（计算机）-》右键属性-》高级系统设置-》环境变量-》Path

 把yarn的全局安装目录粘贴进去即可。

1.如果yarn的模块下载资源比较慢，建议切换下载源为淘宝镜像

2.查看当前下载源

yarn config get registry

3.切换下载源 

yarn config set registry https://registry.npm.taobao.org

5.postman (检测端口软件)

postman

6.VUE2项目创建

1.先安装脚手架

yarn global add @vue/cli

2.使用脚手架命令创建项目

vue create 项目名(必须全部小写)

3.启动项目

yarn serve  (先cd到项目目录中)

7.前端相关网址

1.阿里巴巴矢量图标库：https://www.iconfont.cn/ 

2.Vue官网：https://cn.vuejs.org/

3.Swiper插件：https://www.swiper.com.cn/

4.Day.js中文网：https://dayjs.fenxianglu.cn/category/

5.ElementUI框架（电脑端）：https://element.eleme.cn/#/zh-CN/component/steps

7.Vant 框架（移动端）：https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart

8.BetterScroll（解决移动端（已支持 PC）各种滚动场景需求的插件：）：https://better-scroll.github.io/docs/zh-CN/guide/

9.Lodash（一致性、模块化、高性能的 JavaScript 实用工具库）:https://www.lodashjs.com/

10.BootCDN（稳定、快速、免费的前端开源项目CDN加速服务：）https://www.bootcdn.cn/