成都网站建设设计

将想法与焦点和您一起共享

Vue环境搭建+VSCode+Win10的详细教程-创新互联

一、安装Node.js(js的运行环境)

成都创新互联公司于2013年开始,是专业互联网技术服务公司,拥有项目成都网站建设、网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元克井做网站,已为上家服务,为克井各地企业和个人服务,联系电话:13518219792

1.在Node.js官网https://nodejs.org/en/download/ 下载安装包。
2.下载后进行安装。
3.打开命令行,输入node -v可以查看到版本号。输入npm –v可看到npm版本号。
新版的Node.js已自带npm(类似.net中的nuget包管理器),安装Node.js时会一起安装。(将来要更新npm可用这个命令npm intall npm@latest -g)

4.在我的win10系统中可以看到环境变量也已经自动配置好了。如下图

Vue环境搭建+VSCode+Win10的详细教程

同时也可年看到npm包管理器的默认下载目录,如下图

Vue环境搭建+VSCode+Win10的详细教程

5.在命令行输入node回车,再输入console.log(“hello”); 注意以英文分号结束,查看到输出结果就说明安装成功了。
6配置npm的全局模块的存放路径以及缓存的路径
(先要退出上一步已进入的node,输入.exit或者按两次Ctrl+C就退出了node)
在node.js的安装目录(C:\Program Files\nodejs)下新建两个文件夹node_cache和node_global方便集中管理。(因为默认会将模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间,所以下面两行的命令是修改模块保存的路径,自已想放哪都行,这里我就懒得放其它盘了)
然后在命令行输入

npm config set prefix "c:\Program Files\nodejs\node_global"
npm config set cache "c:\Program Files\nodejs\node_cache"

网站标题:Vue环境搭建+VSCode+Win10的详细教程-创新互联
文章网址:http://chengdu.cdxwcx.cn/article/cdcphj.html