Node .js是一个基于Chrome V8引擎的JavaScript运行环境,是运行在服务器端Javascript。使用一个事件驱动,非阻塞式I/O的模型。node.js的软件包生态系统npm是全球最大的开源库生态系统。
npm:Node.js下的包管理器,可以在https://www.npmjs.com/ 查找需要的软件包。
vue-cil:用户生成vue工程模板。
webpack:分析项目结构,将JavaScript模块和浏览器不能直接运行的拓展语言转换和打包成合适的格式提供给浏览器使用。
安装
1、下载,可以在https://nodejs.org/en/download/网站上根据需求下载。
2、双击下载好的安装文件。
3、点击next。
4、勾选我同意,并next。
5、可以选择change更改安装路径,如果不需要更改路径,点击next进入下一步。
6、点击下一步继续。因为有Add to PATH,安装成功后,会自动配置环境变量,不需要我们手动配置。你也可以选择取消自动配置,安装完成后,自己配置。点击next。
7、node.js设置,问你是否需要自动安装必要的工具,勾选上自动安装。不勾选的话可以参照下面页面的蓝色地址自行安装依赖项。点击next。
8、点击Install开始安装。
9、安装可能需要一些时间,需要等待。也可以点击Cancel取消安装。
10、安装完成,点击Finish。
安装完成后,我们可以检测系统是否自动配置了Node.js的环境变量。
检测
1、打开cmd命令提示符。
2、在命令提示符中输入node -v 查看弄得版本号,输入npm -v查看npm版本。如果显示版本信息,说明安装配置成功。
3、我们可以打开安装路径看一下刚刚安装的node文件夹。node_modules模块文件夹,文件夹是用于放用包管理工具下载安装了的包。
在执行npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,我们可以改变这个路径,从而减少C盘的使用。
配置npm在安装全局模块时的路径以及缓存cache的路径
1、在node.js安装目录下新建两个文件夹,node_cache和node_global。如下图所示。
2、在cmd中执行npm config set prefix"nodeglobal路径",和npm config set cache "node_cache路径"。
3、执行成功后,右键我的电脑-->属性-->高级系统设置-->环境变量。在系统环境下点击新建。
4、输入变量名NODEPATH,变量值是你新建的node_global文件下的node_modules。点击确定。
5、找到用户变量下的Path,点击编辑。
6、将Path变量中相应的npm的值改为你的node_global的路径。
7、更改后npm路径变为如下所示。点击确认。
配置完成后需要测试一下更改是否生效。
测试配置
1、在cmd命令窗口执行npm install webpack -g 命令去安装webpack。
2、安装完成后使用命npm webpack -v 可以看到安装webpack的版本号。此时发现抛出异常
Error: Cannot find module 'webpack-cli'。百度说是需要全局安装。
3、我们使用npm install webpack-cli -g命令全局安装webpack。
4、等待安装完成后,使用webpack -v命令能看到webpack的版本信息。说明安装成功。