第一章 Vue学习入门之 Node.js 的使用
一、npm是什么?
npm 是 NodeJS 下的包管理器,vue-cli脚手架模板就是基于 node 下的 npm 来完成安装的。
相关介绍:
webpack: 它的主要用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli:官方提供的一个脚手架,用于快速生成一个 vue 的项目模板。
二、安装、配置环境变量
1.是下载官网安装包:
windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要直接访问官网(下载 | Node.js 中文网),这里我们可以选择 Windows 安装包 (.msi)-64位 进行安装。
下面可以选择制定Node版本进行安装
2.npm配置:
需要替换为自己的安装目录
下面表示安装完成:
安装完成目录下面有对应三个文件
3.安装验证:
一、输入:node -v 命令行会出现安装的版本
二、输入: npm -v 命令行出现安装的版本
npm作为一个NodeJS的模块管理,我们可以先配置npm的全局模块的存放路径以及cache的路径。
4.缓存存储配置:
(1)在node的安装目录下面建立2个目录 node_cache 和 node_global 。将这两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"node_global"及"node_cache"两个文件夹。如下:
5.系统环境配置:
6.配置信息:需要替换为自己实际的
npm config set prefix "D:\RunSoftware\nodejs\node_global"
npm config set cache "D:\RunSoftware\nodejs\node_cache"
7.测试
在cmd命令行里面,输入“npm install express -g”(“-g”这个参数意思是装到global目录下,也就是上面说设置的“H:\nodejs\node_global”里面。)
三、Nvm 的安装配置
1.下载官方安装包
https://github.com/coreybutler/nvm-windows/releases
2. 安装 nvm-setup.exe
按照界面操作,设置程序安装位置,和设置node包位置. 下一步 完成.
3. 配置路径和下载镜像
安装完nvm后先不要着急安装node版本。
找到nvm安装路径 =》找到 setting.txt
文件 =》新增两行信息,配置下载源
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
增加后如下,然后保存退出。
4.验证是否安装成功
nvm