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

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

image.png

2.选择安装目录

image.png

3.安装模块

• 选择安装哪些模块，默认是全部安装，对于新手来说建议全部安装。点开那个add path选项前面的+号，我们看到，会主动把NodeJS和NPM这两个模块的命令路径添加到系统路径里，对于我们来说就非常方便了。点击next继续下一步，然后确认信息，点击Install开始安装，然后程序就开始复制文件等一系列步骤。一直到安装完毕。

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）