Node.js、npm、vue | 您所在的位置:网站首页 › 安装node需要配置环境变量吗 › Node.js、npm、vue |
我安装node.js是为了学习vue,需要用到npm,所以就把node.js安装了,安装node.js会带有npm的安装。 在安装node.js之前,我们需要了解以下三个内容。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装)下载node.js地址:https://nodejs.org/en/ 1、下载安装包,点击安装就一直下一步就可以了。 2、安装完成后,系统会自动帮你配置系统环境变量,你可以在系统环境变量中path可以看到 3、进入docs中查看node.js和npm的版本号,如下图:
4、进入C:\Users\admin\AppData\Roaming,可以看到npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过, 一使用缓存目录就生成了),我们试图把这2个目录移动回到D:\ProgramFiles\nodejs,在D:\ProgramFiles\nodejs目录下创建两个文件夹,分别是以下两个
注意: 使用 npm -g 安装的时候,默认的模块D:\ProgramFiles\nodejs\node_modules 目录 将会改变为D:\ProgramFiles\nodejs\node_global\node_modules目录, 我们需要做1件事情: 1、增加环境变量NODE_PATH 内容是:D:\ProgramFiles\nodejs\node_global\node_modules下载vue-cli 脚手架,npm install vue-cli -g,下载vue后,docs命令下测试vue ,提示没有vue命令。
主要是因为vue脚本在自定义的global目录下,不在path环境变量 这时候,我们需要在环境变量path中添加,D:\ProgramFiles\nodejs\node_global,如下图
再来输入vue就可以看到是有这个命令的了
查看vue脚手架版本,vue -V 字母V为大写。
|
CopyRight 2018-2019 实验室设备网 版权所有 |