注意:这里说明一种情况,前端的开发环境是需要依赖Node.js的,但是有些小伙伴总喜欢装Node.js的时候修改路径,这样导致要重新修改环境变量与一些配置项,其实这里是不太推荐的,本身Node.js不大,占用不了多少电脑的内存,完全可以按默认的路径进行安装,Node.js会自动配置环境变量无需我们二次配置,以下安装方式以默认形式进行安装。
Window系统下安装前端开发环境
第一步(安装Node.js):
Node.js中文官网:nodejs.cn/download/
根据自己的电脑系统是多少位的,指定下载多少位的安装包,现在大部分的电脑都是64位,
下载完成后,双击node-xxx.msi文件开始安装,一路点击Next按钮即可,以下是
安装截图。
至此Node.js已经安装完成,可以先进行简单的测试查看是否安装成功,在键盘按下
win+R键,输入cmd,然后回车,打开cmd窗口:
若出现上面的结果,则代表安装成功。
第二步(更换NPM镜像):
默认情况下,NPM源在国外,导致NPM每一次下载都需要去国外下载,这样容易导致下载速
度慢或下载中断,所以需要修改一下NPM源。
在键盘按下win+R键,输入cmd,然后回车,打开cmd窗口,通过下面命令可查
询当前镜像源:
npm config get registry
切换国内镜像,使用淘宝镜像:
npm config set registry https://registry.npm.taobao.org
第三步(使用NPM安装VueCli):
安装命令:npm install -g @vue/cli
通过cmd查看vue-cli版本命令:vue -V (当前的是4.*的版本了)
至此Window的前端开发环境搭建成功。