前端开发您现在的位置是:首页 > 博客日志 > 前端开发

windows下前端开发环境搭建记录

<a href='mailto:'>微wx笑</a>的头像微wx笑2021-07-07 09:09:58前端开发人已围观关键字: windows  前端  开发环境  vscode  nodejs  git  nvm  

对于前端开发来说,可选择的开发工具挺多的,我的选择是vscode,主要还是它速度还可以,内存占用没有那么高,另外它的扩展是个亮点,由于本身也做后端开发,它只需要安装相关的扩展就可以支持几乎任何一门语言的开发以及调试,这点还是很不错的。

对于前端开发来说,可选择的开发工具挺多的,我的选择是vscode,主要还是它速度还可以,内存占用没有那么高,另外它的扩展是个亮点,由于本身也做后端开发,它只需要安装相关的扩展就可以支持几乎任何一门语言的开发以及调试,这点还是很不错的。WWX编程技术_踩坑日志_进阶指南_无知人生

一、安装 vscode

官网:https://code.visualstudio.com/WWX编程技术_踩坑日志_进阶指南_无知人生

下载地址:https://az764295.vo.msecnd.net/stable/507ce72a4466fbb27b715c3722558bb15afa9f48/VSCodeSetup-x64-1.57.1.exe WWX编程技术_踩坑日志_进阶指南_无知人生

注意:如果你下载的安装包名称中带有User,那么安装的时候可能会看到下面的提示:意思是这个安装包安装的vscode只能由当前用户使用,使用其它用户登录的话就用不了了。
WWX编程技术_踩坑日志_进阶指南_无知人生

image.pngWWX编程技术_踩坑日志_进阶指南_无知人生

今天突然看到这样一条知乎,值得关注一下,说不定提升效率好几倍:VS Code 有哪些必不可少的设置项?WWX编程技术_踩坑日志_进阶指南_无知人生

安装过程 可以参考:Windows下Nodejs安装配置过程记录WWX编程技术_踩坑日志_进阶指南_无知人生


WWX编程技术_踩坑日志_进阶指南_无知人生

二、安装 git

官网:https://git-scm.com/ WWX编程技术_踩坑日志_进阶指南_无知人生

下载地址:https://git-scm.com/download/win WWX编程技术_踩坑日志_进阶指南_无知人生

image.pngWWX编程技术_踩坑日志_进阶指南_无知人生

安装的时候 有一些选项要注意选一下,大部分默认就可以了。WWX编程技术_踩坑日志_进阶指南_无知人生


WWX编程技术_踩坑日志_进阶指南_无知人生

三、安装nodejs

1、首先安装 nvmWWX编程技术_踩坑日志_进阶指南_无知人生

项目地址:WWX编程技术_踩坑日志_进阶指南_无知人生

下载地址:https://github.com/coreybutler/nvm-windows/releases WWX编程技术_踩坑日志_进阶指南_无知人生

下载第三个“nvm-setup.zip”就好。WWX编程技术_踩坑日志_进阶指南_无知人生

image.pngWWX编程技术_踩坑日志_进阶指南_无知人生

image.pngWWX编程技术_踩坑日志_进阶指南_无知人生

2、安装nodejsWWX编程技术_踩坑日志_进阶指南_无知人生

nvm安装好之后,就可以使用它来安装nodejs了。WWX编程技术_踩坑日志_进阶指南_无知人生

在vscode中打开一个终端WWX编程技术_踩坑日志_进阶指南_无知人生

image.pngWWX编程技术_踩坑日志_进阶指南_无知人生

通过以下命令安装就可以了WWX编程技术_踩坑日志_进阶指南_无知人生

image.pngWWX编程技术_踩坑日志_进阶指南_无知人生


WWX编程技术_踩坑日志_进阶指南_无知人生

本文由 微wx笑 创作,采用 CC BY-NC 4.0 许可协议。 非商业性使用可自由转载、引用、甚至修改,但需署名作者且注明出处。

很赞哦! () 有话说 ()