当前位置: 首页 > news >正文

windows安装部署node.js并搭建Vue项目

一、官网下载安装包

官网地址:https://nodejs.org/zh-cn/download/

二、安装程序

1、安装过程

如果有C/C++编程的需求,勾选一下下图所示的部分,没有的话除了选择一下node.js安装路径,直接一路next

2、测试安装是否成功

【win+R】键,输入cmd,回车

        输入:node -v     // 显示node.js版本

                   npm -v      // 显示npm版本

三、环境配置

1、新增系统环境变量,变量值为你安装的路径

2、【win+R】键,输入cmd,回车,

                输入:npm config set prefix “路径\node_global”

                           npm config set cache “路径\node_cache”

npm config set prefix "E:\node.js\node_global"
npm config set cache "E:\node.js\node_cache"

检查路径:

npm config get prefix
npm config get cache

备注,如果该命令路径错了可以用以下两条命令删除

npm config rm prefix
npm config rm cache

3、配置用户环境变量 

默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径,点击确定

4、配置系统环境变量

 

四、更换镜像源

【win+R】键,输入cmd,回车,

  输入淘宝(阿里云)镜像:

npm config set registry https://registry.npmmirror.com

很多文章写的镜像源是"https://registry.npm.taobao.org/",但这个淘宝镜像源早就过期了

查看镜像源配置情况:

npm get registry

五、安装Vue脚手架

【win+R】,输入cmd,回车

输入:

npm install -g @vue/cli

六、创建Vue项目

【win+R】,输入cmd,回车

输入cd命令,切换到自己想要创建Vue工程的目录下

然后输入命令创建Vue项目:

vue create 工程名称

相关文章:

  • 半小时到秒级,京东零售定时任务优化怎么做的?
  • 数据库 -neo4j的基本操作
  • Flink SQL 中的流式概念:状态算子
  • 240Hz高刷电竞显示器 - HKC VG253KM
  • 【分布式事务 XA模式】MySQL XA模式详解
  • 如何操作系统缓冲区减少了磁盘碎片化?
  • springboot-基础-添加model和controller的简单例子+常用注解含义
  • vscode不能远程连接ubuntu18.04.6
  • ElasticSearch之找到乔丹的空中大灌篮电影
  • Android 接入指纹识别
  • 【QT+QGIS跨平台编译】之五十四:【QGIS_CORE跨平台编译】—【qgssqlstatementlexer.cpp生成】
  • 【Linux】部署前后端分离项目---(Nginx自启,负载均衡)
  • SpringMVC(2)
  • 如何在 CentOS 上安装 ONLYOFFICE 文档 8.0
  • MySQL集群 双主架构(配置命令)
  • .pyc 想到的一些问题
  • 【跃迁之路】【669天】程序员高效学习方法论探索系列(实验阶段426-2018.12.13)...
  • ES6 ...操作符
  • interface和setter,getter
  • Javascript 原型链
  • Kibana配置logstash,报表一体化
  • leetcode讲解--894. All Possible Full Binary Trees
  • Lucene解析 - 基本概念
  • PAT A1050
  • windows下mongoDB的环境配置
  • 回流、重绘及其优化
  • 聊聊springcloud的EurekaClientAutoConfiguration
  • 前端学习笔记之观察者模式
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • #DBA杂记1
  • #经典论文 异质山坡的物理模型 2 有效导水率
  • #在线报价接单​再坚持一下 明天是真的周六.出现货 实单来谈
  • $.ajax中的eval及dataType
  • (13):Silverlight 2 数据与通信之WebRequest
  • (3)llvm ir转换过程
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第2节(共同的基类)
  • (二)windows配置JDK环境
  • (附源码)springboot金融新闻信息服务系统 毕业设计651450
  • (排序详解之 堆排序)
  • (亲测有效)解决windows11无法使用1500000波特率的问题
  • (学习日记)2024.01.19
  • (转) Android中ViewStub组件使用
  • (转)VC++中ondraw在什么时候调用的
  • .apk 成为历史!
  • .NET/C# 将一个命令行参数字符串转换为命令行参数数组 args
  • .NET开发不可不知、不可不用的辅助类(一)
  • .NET业务框架的构建
  • .ui文件相关
  • @Transactional 竟也能解决分布式事务?
  • @Validated和@Valid校验参数区别
  • [ CTF ] WriteUp-2022年春秋杯网络安全联赛-冬季赛
  • []T 还是 []*T, 这是一个问题
  • [2019.3.5]BZOJ1934 [Shoi2007]Vote 善意的投票
  • [④ADRV902x]: Digital Filter Configuration(发射端)
  • [AIGC] 使用Curl进行网络请求的常见用法