大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
说明
该文章用最简单粗暴的方式完成vue框架的搭建,跟着步骤一步一步来就ok,这里就不阐述什么原理了,直接开工。
第一步:下载并安装Node.js
安装包请移步Node中文官网,直接点我进去找就行
打开安装程序无脑下一步就ok,注意安装的路径就行,默认的路径是c盘
第二步:配置环境变量
现在的版本安装以后,一般会自动为电脑配置环境变量,但是以防万一我们还是看一看。
我的电脑–>属性—>高级系统设置—>环境变量
找到Path点击编辑
这里我们发现它已经自动帮我们配好了,如果没有的话就点击新建
在其中输入安装的路径即可
第三步:Win+R输入cmd打开dos窗口检查是否成功
输入 node -v 检查node是否安装成功,如果显示版本号即是安装成功
输入 npm -v 检查npm是否安装成功,如果显示版本号即是安装成功
(npm可以理解为node依赖包管理工具,一般安装node便会一同安装)
第四步(可有可无,建议装):安装cnpm
由于要通过npm下载依赖,但是由于是境外网站,因此难免偶尔抽风,我们就可以配置一个国内的镜像网站用于依赖的下载,而我们大气的阿里巴巴就这样提供了这个东西。
在dos窗口输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
在下载结束后同样输入 cnpm -v 检查是否安装成功
如图所示即为成功
第五步:下载依赖
三种方式下载都可以,二者选其一
1.在所使用的编辑器的终端页面进行操作,如H Builder X或者idea都是同样的道理
2.在安装的文件下,空白的区域按住shift键+鼠标右击——–>在此处打开Powershell窗口
3.在dos窗口下一直cd到安装node的目录
在以上三种任意一个窗口的光标处输入:
npm install
就会自动开始下载,只要稍等片刻就行,但是之前提过,因为是境外网站,难免会抽风,这时如果失败了,那么我们之前安装的cnpm就派上用场了。同样在光标处输入:
cnpm install
同样稍等片刻便会自动安装完成,这样node需要的依赖就都下载完成了。
整个开发环境的搭建就大功告成啦!!!
其他事项
1.如果需要其他的第三方依赖,同样使用npm或者cnpm进行下载即可,比如说element-ui就是一个第三方,如果需要使用记得先用npm或者cnpm进行install即可。最好在前端编辑器的终端进行安装,这样就免去了一步一步找文件的步骤(懒人本懒了),之后输入
npm i 依赖名字
2.有些教程还会提到更改node本地库的位置,node安装时默认本地仓库的位置是c盘,这个看个人需要,可以更改也可以不更改,如果更改了记得配置下环境变量就行。
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/189181.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...