nodejs安装教程

1. 百度nodejs，下载安装包

   路径：https://nodejs.org/zh-cn/download/

   

2. 点击安装包无脑下一步即可（建议修改下路径）

3. 在选择的安装路径下创建两个文件夹node_cache和node_global

   如果创建文件夹的时候出现了一个盾牌的标志，则说明文件夹权限不够

   解决方法：右键这个nodejs安装目录，选择属性、安全，点击编辑，点击完全控制即可

   

4. 打开cmd界面

5. 设置缓存路径和全局模块存放路径

   缓存路径

   npm config set cache "E:\SoftWare\Nodejs\node_cache"

   全局模块存放路径

   npm config set prefix "E:\SoftWare\Nodejs\node_global"

6. 安装使用淘宝的cnpm命令行工具替代默认的npm

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

   也可以将镜像源修改为淘宝镜像

   查看当前镜像源：npm get registry

   默认镜像源为：https://registry.npmjs.org/

   将当前镜像源修改为国内淘宝镜像npm config set registry https://registry.npm.taobao.org

7. 设置环境变量

   1. 打开电脑环境变量的Path，添加刚刚新建的node_global文件夹的位置

      

   2. 新建环境变量NODE_PATH，配置变量值为nodejs安装目录下的node_modules文件夹目录路径

      

      

8. 安装vue

   如果之前打开了命令行窗口，需要先关闭

   运行cmd，进入终端命令行模式

   cnpm install vue -g

9. 安装vue-cli

   我这里安装的是2.9.6版本，如果需要安装3.x版本，将vue-cli改为@vue/cli即可

   cnpm install -g vue-cli

   npm i npm -g

   npm i vue-cli -g

   cnpm i vue-cli -g

10. 创建一个vue项目

    这是2.x版本的创建方法，如果是3.x版本创建则需要使用vue create vuetest

    进入一个安装目录，在栏中执行cmd，进入该路径的命令行窗口

    npm init webpack vuetest vuetest为创建的vue项目

    后面的选项默认回车

    第一个需要选y/n的选y

    后面的都选n和默认回车即可

    然后就会显示出让你进入建好的这个项目：cd vuetest

    然后输入:npm run dev 即可运行项目（3.x版本可能不同，自己去查下）

    然后运行后访问给出的路径即可