如何搭建前端开发环境
如何搭建前端开发环境
一、安装浏览器–Google Chrome
到Google Chrome官网下下载安装最新版的Chrome浏览器
二、安装JavaScript运行时–Node
到Node官网https:/nodejs.org/zh-cn/下载、安装并设置好最新的Node长期支持版。
1、安装
双击下载后的安装包,点击以上的Run(运行)
点击Next(下一步)按钮
勾选接受协议选项,点击next(下一步)按钮
Node.js默认安装目录为"C:\Program Files\nodejs\”,你可以修改目录,并点击next(下一步)
点击树形图标来选择你需要的安装模式,然后点击下—步next(下一步
1.Node.js运行
2.nupm包
3.在线文档的快捷方式
4.添加到路径
最好直接全选,以防后期需要用到的时候在重新添加,会有点麻烦
点击Install(安装)开始安装Node.js。你也可以点击Back(返回)来修改先前的配置。然后并点击next(下一步)
以防后期需要用到的时候在重新添加,会有点麻烦
以防后期需要用到的时候在重新添加,会有点麻烦
点击Finish(完成)按钮退出安装向导
2、安装检测
01、使用快捷键Ctrl+r打开运行框,输入cmd
02、输入node --version会返回一个版本号
03、查看环境变量输入path
04、配置NPM:
npm config set prefix "D:\Program Filesinodejslnode_giobal"
npm config set cache "D:\Program Filesinodejs\node_cache"
输入上述代码运行后会在你安装好的node文件夹下找到相应的文件夹
05、配置国内镜像源
npm
config set registry https: //registry.npm.taobao.org
三、安装编辑器–Visual Studio Code
1、安装Visual Studio Code
到Visual Studio Code官网https:/lcode.visualstudio.com/下载并安装最新版本Visual Studio Code。
01、进入到Visual Studio Code的下载网站
02、点击下载好的VSCode安装包进入到VSCode的安装向导界面,如图:(直接点击"下一步”)
03、.更改安装路径,建议不要什么软件都安装在系统盘(C盘),造成系统卡顿,最好是专门分一个盘安装软件
04、点击“安装”
<
⒉.安装插件
推荐安装插件:
1.简体中文语言包(Chinese(Simplified) Language Pack for VS Code): https:/marketplace.visualstudio.com/items?ite
mName=MS-CEINTL.vscode-language-pack-zh-hans
2前端插件包(Frontend Extension Pack): https:/marketplace.visualstudio.com/items?itemName=karbassi.frontend-ext
ension-pack
请注意:插件并非越多越好,有些插件已经过时了,有些插件对性能有严重影响。
四、安装分布版式控制工具–Git
到Git官网(httpsl/git-scm.com/downloads)下载并安装最新版的 Git。
安装过程中注意选择:用Visual Studio Code为 Git的默认编辑器。
01、点击下载好的Git安装包进行安装,依次点击next键。
02、进行到如下步骤时选择自己所需的默认编辑器,后按下next键
配置个人信息:
五、安装Markdown 文档编辑器–Typora
到www.typora.io(官网)或者www.typora.net(中文),下载并安装最新版Typora。
自行搜索Markdown文档语法,试着写一份Markdown文档。
01、点击下载好的安装包,再点击next按钮
02、点击Install按钮