nodejs的安装及使用

1 安装 Npm

路径也不要改，除了下面有图标识的情况需要动，其它的都是默认选项
如果已经安装的话，在安装完后再点击安装包，然后选择change就行

1 遇到下图选中Add to PATH 就行

这样就可以不用配置环境变量了

2 遇到下图不勾选

3 检查是否安装成功（在cmd窗口的任意目录下运行）

1.检查node的版本号

node -v 

2.检查node的包管理工具版本号（类似与mave）

npm -v

3.输入path 检查是否添加node的环境变量

4.注意事项
我们安装的node的版本是14.16.1，如果检查出来npm版本号是7.x，此时我们需要降低npm的版本号至6.x，不然会报错。

npm install -g npm@6.14.10

4 下载cnpm（在cmd窗口的任意目录下运行）

1.安装cnpm

npm install -g cnpm -registry=https://registry.npm.taobao.org

2.检查设置是否成功（在cmd窗口的任意目录下运行）

npm config get registry

出现网址表示成功

3.首先查看nodejs目录下有没有 cnpm cnpm.cmd cnpm.ps1 有的话直接进入下一步，没有的话，有如下两种方式解决：

1.首先用cnpm -v命令找到prefix=C:\Program Files\nodejs\node-global这三个文件夹的位置，如下图所示，上面三个文件就在C:\Program Files\nodejs\node-global这个文件路径下，每个人可能不同。

2.把上面找到的三个文件移动到nodejs目录下

默认nodejs安装目录如下：

C:\Program Files\nodejs

3.如果不想做第2步的话，那么把第1步找到的路径加入到path路径中

本人路径如下 ： C:\Program Files\nodejs\node-global

5 .安装vue3.10.0（使用管理员打开cmd窗口，在任意目录下执行）

vue3.10.0这个版本比较稳定

cnpm install -g @vue/cli@3.10.0 

6.报错处理

1.第一个错误
若报如下错误就搜索cmd然后以管理员运行cmd窗口就行了

Error: EPERM: operation not permitted, mkdir 'C:\Program Files\nodejs\node_g

2 安装Node（使用管理员命令打开cmd窗口）

ctrl +c 两次退出项目初始化，空格键位确认选择，回车键进如下一个阶段

1 在cmd窗口中切换到需要创建vue项目的文件夹下在这里插入代码片

vue create 项目名

2 进入后第一个选项选第二个

3 第二个选项选择（ Linter / Formatter这个选项建议不选）

 Babel
 Router
 Vuex
 CSS Pre-processors
 Linter / Formatter 自己看着办(如果选上了 将来开发的时候会有格式检查 比如多写个空格,少写个空格,tab和空格混用,定义了变量没有使用等 都会报错

4 输入Y

 Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) 选Y

5 选less

 Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): 选 Less  

6 选那个都行（到第七个之前）

Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys) 选哪个都行

7 选择N

8 安装完成后 cd 项目名切入目录

1 安装element

vue add element

 How do you want to import Element? (Use arrow keys)  选 Fully import
Do you wish to overwrite Element's SCSS variables? (y/N) 选N
Choose the locale you want to load (Use arrow keys)  选 zh-CN

2 安装axios

 vue add axios

9 启动项目

1.cd进入项目目录然后输入如下

npm run serve