npm安装教程原文链接1.在使用之前，我们先来了解一下这三个东西是干什么用的。npm：Nodejs下的包管理器。webpack：它的主要目的是对所有需要通过CommonJS语法发布到浏览器端的静态资源做相应的准备，比如合并、打包资源。vue-cli：用户生成的Vue项目模板。（帮助你快速启动一个vue项目，即给你一套vue结构，包括基本的依赖库，你只需要npminstall安装即可）开始：如图，下载8.9.3LTS（推荐）对于大多数用户）双击安装以使用默认路径。本例中，一路修改为d:nodejs，点击Next，点击Finish打开CMD，查看是否正常**再查看其他2个目录。npm本地仓库运行在系统盘c盘的用户目录没有了（npm-cache是??因为没用过所以没看到，一用到缓存目录就生成），我们尝试移动这两个目录回到D:nodejs并创建两个目录如下图****然后运行下面2条命令npmconfigsetprefix"D:nodejsnode_global"npmconfigsetcache"D:nodejsnode_cache"**如上所示，让我们再次关注npm的本地仓库，输入命令npmlist-global输入命令npmconfigsetregistry=http://registry.npm.taobao.org配置镜像站**输入命令npmconfiglist显示所有配置信息，我们关注一个配置文件C:\UsersAdministrator.npmrc**用文本编辑器编辑，可以看到刚才的配置信息**查看镜像站是否正常。命令1npmconfiggetregistry****查看镜像站是否正常。命令2npminfovue查看是否可以获取到vue的信息**注意，此时默认的模块D:nodejsnode_modules目录会被修改为D:nodejsnode_globalnode_modules目录，直接运行npminstall等命令会报错。我们需要做一件事：1.增加环境变量NODE_PATH，内容为：D:nodejsnode_globalnode_modules****（注意需要重新打开CMD才能使以上环境变量生效）1.测试npm安装vue.js命令：npminstallvue-g这里的-g表示安装到global全局目录到****二、测试npm安装vue-router命令：npminstallvue-router-g**运行npminstallvue-cli-g安装vue脚手架编辑环境编辑路径**在路径环境变量中添加D:nodejsnode_globalwin10或以下，横向显示PATH，注意最后添加，不要有分号【;】重新打开CMD，然后测试vue是否正常运行****注意vue-cli工具内置了webpack和webpack-simple等模板。前者是一个比较复杂和专业的项目，它的配置并没有全部放在根目录下的webpack.config.js中。初始化，安装依赖**runnpminstall安装依赖npmrundev成功界面，提示打开地址http://localhost:8080并自动打开浏览器http://localhost:8080/#/**npmrunbuildto生成静态文件，打开dist文件夹下新生成的index.html文件**nmp下新建vue01的目录说明：
