nodejs

nodejs环境安装+vscode安装

2019-12-30  本文已影响0人  荼蘼toome

在上手vue项目之前,先配置环境变量
廖雪峰的官方网站
node.js

安装node.js 和npm
1.打开NodeJS的官网


image.png

2.选择安装目录


image.png

3.安装模块

image.png

4.cmd
npm -v检查版本

cnpm -v
[还没有完结呢.....点我查看原因 ]
(https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html
)

正常状态


image.png

默认情况下,NPM安装的模块并不会安装到NodeJS的程序目录,比如上面安装的时候我们设置的D:\Program Files\nodejs\目录,我们用个示例来看一下,我们先用npm安装一个cluster模块,如下面第一张图所示,执行命令:

npm install cluster

第一步修改NPM的缓存目录和全局目录路径,将对应的模块目录改到D盘nodejs的安装目录,第二步是配置npm和nodejs的环境变量,这样nodejs才能正确地调用对应的模块。

我们先来做第一步,在D盘nodejs目录下创建两个目录,分别是node_cache和node_global,这是用来放安装过程的缓存文件以及最终的模块配置位置。配置完成后,执行下面这两个命令:

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

将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录:


image.png

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

image.png

然后我们打开cmd命令行界面,在使用命令安装刚才的cluster模块,命令如下:
npm install cluster -g
然后打开刚才创建的node_global目录,可以看到此时cluster目录就安装到这个目录底下了。

系统变量中

path :node安装路径
node_path: node安装路径


image.png
image.png
image.png

就可以在任何一个位置直接使用nodejs命令

从新打开cmd
node -v
npm -v

Dos命令

使用上下箭头重试操作命令
cd 打开文件夹
md 新建文件夹
D: 切换盘符
dir 查看盘符
cd.. 返回上级
cls代表清屏

验证命令 [可不用]

这个时候所有的配置工作才算完成了,然后打开一个新的cmd窗口。先输入命令:

node

进入nodejs的交互式命令控制台,然后输入:

require('cluster')

如果能正常输出cluster模块的信息,说明上面的所有配置就算生效了。
我犯了个小错误


image.png
npm的模块下载仓库从默认的国外站点改为国内

使用镜像
将npm的模块下载仓库从默认的国外站点改为国内的站点,这样下载模块的速度才能比较快
npm --registry https://registry.npm.taobao.org
npm install -g cnpm --registry=registry_url

registry_url指的是国内提供的一些npm仓库地址,常用的有:

https://registry.npm.taobao.org

http://r.cnpmjs.org/
这样下载模块的速度才能比较快,只需要一个命令即可

npm --registry https://registry.npm.taobao.org install cluster

使用的工具

VS Code轻量级但功能强大的源代码编辑器


image.png

第一步

要充分利用Visual Studio Code,请先回顾一些介绍性主题:

入门视频 -通过这些入门视频,以VS Code开始您的旅程。

设置 -为您的平台安装VS Code,并根据您的开发需求配置工具集。

用户界面 -VS Code编辑器的基本UI,命令和功能简介。

设置 -根据您的工作方式自定义VS Code。

语言 -了解VS Code对您喜欢的编程语言的支持。

Node.js-本教程可让您快速运行和调试Node.js Web应用程序。

技巧和窍门 -立即加入技巧和窍门,成为VS Code的高级用户。

Azure -VS Code非常适合将您的Web应用程序部署到云中。

扩展API-了解如何编写VS代码扩展。

为什么要VS Code?-了解VS Code的设计理念和体系结构。

键盘快捷键

VS Code的键盘快捷键可提高工作效率。

键盘快捷方式参考表 -了解常用的键盘快捷方式。

键盘映射扩展 -更改VS Code的键盘快捷键以匹配另一个编辑器。

自定义键盘快捷键 -修改默认键盘快捷键。

资料下载

下载VS Code-快速找到适合您平台的安装(Windows,macOS和Linux)

上一篇下一篇

猜你喜欢

热点阅读