前端入职第一天 配置电脑运行环境
常用软件安装
IDE:vscode、hbuilderx、微信开发者工具
环境：ndoe.js(注意版本，新版本跑不起来老项目，问前辈安装的版本) | chrome
工具：git | svn | postman | photoshop | 美术类工具(Snipaste、Pipette)
对应脚手架安装
@vue/cli
vscode:官网地址
https://code.visualstudio.com/docs
安装教程：https://www.runoob.com/w3cnote/vscode-tutorial.html?ivk_sa=1025883i
vscode安装的插件：
Chinese、Live Server、Markdown Preview、Path Intellisense、 Code Runner、ES7+React、Git Graph、vscode-icons、Vue VSCode Snippets、Vue Language Features
hbuilderx官网：
https://www.dcloud.io/hbuilderx.html
微信开发者工具：
https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
创建微信小程序账号
前往访问微信平台官网： https://mp.weixin.qq.com/
点击下方小程序注册账号（小程序帐号，服务号(可以支付,1个月推4条消息)，订阅号(不能支付和调用API,每天推1条)，三者帐号不一致且不互通！！）
获取APPID（以后每次创建新项目都需要绑定此ID）
前往访问微信平台官网-扫码或输入登录： https://mp.weixin.qq.com/
点击左侧开发管理 - 点击中间开发设置 - 查看自己的AppID
nodejs
英文版官网地址：https://nodejs.org/en/
中文版官网地址：https://nodejs.cn/download/
记得问清楚版本号，安装对应的版本，不建议装C盘，会卡，下载msi之后，双击跟着提示直接下一步就可以
检查是否安装成功：
win+R ==> cmd + 回车
输入命令: node -v 或 node --version
如果有版本号,说明已经安装成功,如果说: node不是内部或外部命令,安装没问题,可能需要配置全局变量
项目初始化包描述文件
npm init 或 npm init -y
#注意: 如果项目名为中文使用-y会报错,一般都使用英文
5.1 npm常用命令
npm init //初始化包描述文件
//三种下载方式
npm i 模块名 -S //安装模块到本地运行依赖 -默认操作 -S可以不写
npm i 模块名 -D //安装模块到本地开发依赖
npm i 模块名 -g //安装模块到全局中
//区别:
运行依赖: 项目跑起来必需的模块,如axios --开发和上线都要使用的模块
开发依赖: 开发时需要使用,但上线时,不需要的模块
全局: 在操作系统中所有地方都可以使用的模块
//全局安装的位置: C:\Users\用户名\AppData\Roaming\npm\node_modules
npm i 模块名@版本号 -S|-D|-g //安装指定版本的模块的指定位置
npm i //安装package.json中所有依赖
npm remove 模块名 //表示删除指定模块
5.2 yarn命令—重点
注意: 工作中,npm和yarn一般进行二选一
//全局安装yarn
npm i yarn -g
检查:
yarn -v
#如果有版本号表示安装成功
yarn安装地址: C:\Users\admin\AppData\Roaming\npm
yarn init -y //初始化包描述文件
//三种下载方式
yarn add 模块名 //安装模块到本地运行依赖 -默认操作 -S可以不写
yarn add 模块名 -D //安装模块到本地开发依赖
yarn global add 模块名 //安装模块到全局中
yarn add 模块名@版本号 //安装模块的指定版本
yarn //表示安装package.json中所有的依赖
yarn remove 模块名 // 删除模块
#yarn全局安装模块的位置:
C:\Users\admin\AppData\Local\Yarn\Data\global\node_modules
1.全局安装必须配置环境变量，yarn的环境变量必须手动配置。
配置地址：C:\Users\Administrator\AppData\Local\Yarn\bin
环境变量： 电脑（计算机）-》右键属性-》高级系统设置-》环境变量-》Path
把yarn的全局安装目录粘贴进去即可。
5.3 配置镜像–了解
说明: npm和yarn默认镜像为国外的镜像,一般在国内访问有一点慢,一般在国内都使用淘宝镜像
//1)查看当前下载源
yarn config get registry
npm config get registry
//2)切换下载源
yarn config set registry https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org
vue脚手架安装
1. 配置npm淘宝镜像
npm config set registry https://registry.npm.taobao.org
2. 比npm综合好用一点的yarn(更快,更安全)
2.1 全局安装
npm i yarn - g
2.2 配置yarn全局环境变量
yarn global bin //查找全局安装路径后，CV新增到系统环境变量PATH中(新增新增新增新增新增新增!不要删除其他环境变量!!!!!!!!!!!!!!)
2.3 npm || yarn 都能正常使用
3. 安装脚手架
yarn global add @vue/cli || npm i @vue/cli -g