从头搭建VUE环境,使用IDEA 2021创建VUE项目

一、安装和配置node.js 

1.1 下载安装node.js

   Nodejs的官方网站下载地址:Download | Node.js

从头搭建VUE环境,使用IDEA 2021创建VUE项目_第1张图片

    Node.js会同步安装npm,安装完成后,启动cmd测试下是否安装成功。

   输入命令行:node -v 和 npm -v分别查看版本

从头搭建VUE环境,使用IDEA 2021创建VUE项目_第2张图片

 1.2配置npm默认安装路径和缓存路径

(1)创建文件夹

     在执行npm install 全局安装命令时,会默认安装到【C:\Users\用户名\AppData\Roaming\npm】中,可以改变默认安装路径,比如改变到node.js的安装目录下。在【C:\Program Files\nodejs】下创建NodeGlobal和NodeCache两个文件夹,分别存放安装文件和安装缓存文件。

(2)执行配置命令

        启动cmd,执行以下两条命令:

        npm config set prefix "C:\Program Files\nodejs\NodeGlobal"

       npm config set cache "C:\Program Files\nodejs\NodeCache"

       npm config get prefix 查看默认安装路径;

       npm config get cache  查看默认缓存路径。

1.3环境变量配置

    鼠标指向“我的电脑”,右键,“属性”-“高级系统设置”-“高级”-“环境变量”。

  1. 在“系统变量”,找到“Path”后点击“编辑”-新建,输入node的安装路径【C:\Program Files\nodejs\】
  2. 在在“系统变量”,新建NODE_PATH,输入【C:\Program Files\nodejs\NodeGlobal\node_modules】
  3. 在用户变量下的Path里添加【C:\Program Files\nodejs\NodeGlobal】和【C:\Program Files\nodejs\NodeCache】

1.4 配置npm默认的下载源

    npm在执行安装命令时,会从源网站下载模块,默认是https://registry.npmjs.org/,改

你可能感兴趣的:(VUE开发,vue.js,intellij-idea,前端)