Vue-CLI项目搭建

Node.js安装

• 下载安装

  快速访问任意门：Download | Node.js (nodejs.org)

  

• 环境变量配置

  

• 配置npm在安装全局模块时的路径和缓存cache的路径

  默认状况下，咱们在执行npm install -g 模块时，下载了一个全局包，这个包的默认存放路径C:\Users\xxx\AppData\Roaming\npm\node_modules下，时间长了肯定会占用C盘的资源，所以需要我们在node.js的安装目录下创建两个文件夹：node_global和node_cache

  

  • 然后执行这两个命令（改成自己的路径）：

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

    执行成功。然后在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”， 值为“D:\nodejs\node_modules”，如下图：

    

    编辑用户变量里的Path，将相应npm的路径改为：D:\nodejs\node_global，如下：

    

• 测试

  安装cli测试一下（这是我需要的，自行测试自己的模块），通过npm install -g @vue/cli安装

  
  
  

• 常见命令

  node -v：查看node版本
  
  npm -v：查看npm版本
  
  npm root -g：查看包的存放路径
  
  npm init：会引导你建立一个package.json文件，包括名称、版本、作者等信息。
  
  npm list：查看当前目录下已安装的node包。
  
  npm ls：查看当前目录下已安装的node包。
  
  npm install moduleNames：安装Node模块到本地目录node_modules下。
  
  npm install < name > -g：将包安装到全局环境中。
  
  npm install < name > --save：安装的同时，将信息写入package.json中，项目路径中若是有package.json文件时，直接使用npm install方法就能够根据dependencies配置安装全部的依赖包，这样代码提交到git时，就不用提交node_modules这个文件夹了。
  
  npm install < name> --save-dev：安装的同时，将信息写入package.json中项目路径中若是有package.json文件时，直接使用npm install方法就能够根据devDependencies配置安装全部的依赖包，这样代码提交到git时，就不用提交node_modules这个文件夹了。
  
  npm uninstall moudleName：卸载node模块
  

Vue-CLI项目搭建

原文地址：http://www.cnblogs.com/al6nlee/p/16886083.html