1、官网下载node.js
https://nodejs.org/en/
2、双击文件,进行安装 ,除了可以更换一下安装目录,基本上一路next:
- 在这里可以更换一下目录,比如此处我安装在
- 红框处默认安装npm,我们这里什么都不动,直接点next
3、(可选)安装程序完成后,检查
- 打开刚才设置的安装目录 ,可以看到目录结构
- cmd查看环境变量
在结果里可以找到
或者说出现 node 和 npm 即可 - cmd查看Node.js版本号 node.js为最新稳定版本
- cmd查看自带安装的 npm版本号 自带的npm并非最新版本
4、设置环境
(1) 设置全局目录,设置到安装目录下
(2) 设置缓存目录,设置到安装目录下
(系统盘c盘的用户目录的node_global的文件夹可以删除,留着也没影响)
- (可选)可以使用 查看全局目录(node_global)中的模块,此时未安装任何模块,查看为空
(4) 配置镜像源,加速以后的模块下载
- (可选)检查配置信息
①配置信息
或者打开C:Usersstablemesotheca.npmrc这个配置文件,可以看到刚才的配置信息
②检查镜像站是否正常
③检查能否通过镜像站获得模块(比如vue)信息
5、更新npm模块
- 安装/更新模块命令
更新npm
(安装完后再次执行 可以看到刚安装的npm模块)
安装vue.js
- 查看vue版本号,确认安装配置成功 p.s. v要为大写,否则报错
安装vue-router
安装vue脚手架
进入项目目录——myvue,使用安装依赖
运行项目
- 如果要打包部署,ctrl+c停止后执行命令可以生成静态文件,部署得到的dist文件夹即可。
【dist : distribution(最终发布产品)】 - 使用工具打开项目,也可以在控制台这里输入命令
- 项目结构说明
build 可以配置loading动画/删除创建目标文件夹/webpack编译;输出信息/配置静态资源路径/配置webpack等;
package.json 配置名称/版本/许可证等元数据;可以配置依赖模块(dependencies);可以指定运行脚本命令的npm命令行缩写(scripts字段)
static存放mock数据,其他类型如json/xml的文件;
src</>目录存放源代码:
进入项目文件夹,安装axios和elementUI
格式化时间日期的moment.js
到此这篇nvm安装node后npm(npm安装nodemodules)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/hd-nodejs/74536.html