前端开发环境搭建(Window)

1,103 阅读1分钟

注意:这里说明一种情况,前端的开发环境是需要依赖Node.js的,但是有些小伙伴总喜欢装Node.js的时候修改路径,这样导致要重新修改环境变量与一些配置项,其实这里是不太推荐的,本身Node.js不大,占用不了多少电脑的内存,完全可以按默认的路径进行安装,Node.js会自动配置环境变量无需我们二次配置,以下安装方式以默认形式进行安装。

Window系统下安装前端开发环境

第一步(安装Node.js):

Node.js中文官网:nodejs.cn/download/

image.png

根据自己的电脑系统是多少位的,指定下载多少位的安装包,现在大部分的电脑都是64位,

下载完成后,双击node-xxx.msi文件开始安装,一路点击Next按钮即可,以下是

安装截图。

image.png

image.png

image.png

image.png

image.png

至此Node.js已经安装完成,可以先进行简单的测试查看是否安装成功,在键盘按下

win+R键,输入cmd,然后回车,打开cmd窗口:

image.png

若出现上面的结果,则代表安装成功。

第二步(更换NPM镜像):

默认情况下,NPM源在国外,导致NPM每一次下载都需要去国外下载,这样容易导致下载速

度慢或下载中断,所以需要修改一下NPM源。

在键盘按下win+R键,输入cmd,然后回车,打开cmd窗口,通过下面命令可查

询当前镜像源:

npm config get registry

image.png

切换国内镜像,使用淘宝镜像:

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

image.png

第三步(使用NPM安装VueCli):

安装命令:npm install -g @vue/cli

image.png

通过cmd查看vue-cli版本命令:vue -V (当前的是4.*的版本了)

image.png

至此Window的前端开发环境搭建成功。