前端软件安装环境搭建

Git入门 (分布式版本控制系统)

一、VSCode

安装查错功能插件——codespell
设置代码高亮——设置语法

1.必须掌握功能:
①开启终端、开启第二终端
②搜索页文件夹、搜索当前文件、搜索选中区域
③设置语法(不要用纯文本)
④Emmet快捷写代码
⑤Git操作
⑥调试JavaScript/TypeScript

2.掌握快捷键:
①找文件——Ctrl+P
②快速输入命令——Ctrl+Shift+P
——emmet wrap(包围个别行)>输入命令+星号
③多位置输入——Alt+单击
④快速建立标签——标签+Tab
⑤搜索——Ctrl+F

二、Cmder

不要同时安装Gitbash,软件自带git命令

掌握快捷键:
①新建——Ctrl+T
②分屏——Ctrl+D
③垂直分屏——Alt+Shift+D
④关闭当前标签——Ctrl+W

如何复制:
Win的Cmder里 选中文字自动复制鼠标右键/shift+insert粘贴
Win的Gitbash里 选中文右键/Ctrl+insert复制shift+insert粘贴

三、Node.js

1.安装双数版node.js(双数版本稳定)
①安装之后自带node命令(因为path)、npm命令、npx命令
②检查计算机是否新增Node.js——高级系统设置>环境变量Path
③检查命令是否存在——\\输入命令 + 空格 +“ - -version ”

2.配置node.js——使用淘宝源(不要用cnpm)
第①步:npm i -g nrm
第②步:nrm ls
第③步:nrm use taobao > npm i -g http-server [可用缩写hs替代]
第④步:检查命令下载情况——利用查看功能
第⑤步:检查安装位置——which+命令
第⑥步:Ctrl+C(中断)>配置完毕

hs是http-server的缩写(功能相同)
所有全局安装都在用户目录下
C:\Users\john\AppData\Roaming\npm-cache\…

四、Yarn <用于代替npm,根据个人情况选择>

①通过官网下载最新的,不要使用npm i -g yarn配置
②nrm淘宝源改动会自动作用到yarn上
③使用yarn xonfig list查看registry

重点总结:

配置Windows,安装Chrome并配置,安装VSCode并配置,
安装Cmder并配置,安装Node.js并配置,安装yarn并配置

️️<无论软件还是环境都需要配置>

<软件运行不了一定是配置问题>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容