一、安装Node.js及配置环境

1、下载Node.js

①浏览器中输入Node.js进行搜索，找到Node.js官网

②选择14.17.6版本进行下载

③下载完之后打开文件进行安装

④安装Node.js

第一步：点击Next

第二步：勾选I accept… 然后Next

第三步：选择安装目录，Node.js默认安装目录是C盘： “C:\Program Files\nodejs” ，可以根据自己需要更改位置， **但是要记住更改的位置，后面环境配置会用到！！！**然后Next
第四步：不用管其它地，直接Next

第五步：点击Install

第六步：等一小会儿…
第七步：点击Finish

至此，我们已经完成Node.js的安装了，接下来要进行环境的配置

2、配置Node.js环境

①首先win+R输入cmd，打开“命令提示符”窗口

②使用node --version检查版本

③配置npm的全局模块的存放路径、cache的路径

在“命令提示符”窗口中执行命令：

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
  • 1
  • 2

注意：因为我的Node.js安装位置是D:\Program Files\nodejs所以我的两个路径是放在里面的，根据自己安装位置，自行进行选择，然后关闭“命令提示符”窗口

④环境变量配置

第一步：“此电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

第二步：新建NODE_PATH，值为Node.js所在位置（我的为：D:\Program Files\nodejs），然后编辑path，新建，为%NODE_PATH%


⑤此时Node.js就安装成功了。

注：如果安装完成后输入node -v提示’node’不是内部或外部命令，也不是…说明环境变量没有配置即一—>2—>④没有配置

二、配置淘宝镜像

打开“命令提示符”窗口，输入：

npm config set registry https://registry.npm.taobao.org
  • 1

完成配置

三、安装脚手架

1、全局安装

打开“命令提示符”窗口，输入：

npm install -g @vue/cli
  • 1

注：①安装过程中如果出现不动的情况，敲下回车

②如果安装出现错误 -4048

出现这种情况是用户权限问题，我们需要对node.js目录下的 node_cache和node_global的用户进行权限设置，然后重新下载，下载完之后关闭

2、重新打开“命令提示符”窗口，输入vue

注：如果出现vue不是内部或外部命令

①打开node.js所在目录，搜索vue.cmd，复制路径

②“此电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”，找到系统变量里的Path，将刚刚复制的路径添加在里面

此时脚手架创建完成。

Vue脚手架安装教程相关推荐

  1. vue-cli2.x旧版本卸载不掉的问题解决方案（亲测+踩坑）附Vue脚手架安装教程

    旧版本卸载 问题说明 vue2.x脚手架旧版本卸载不掉的问题:(卸载命令运行后输入vue --version仍一直显示旧版本) 问题解释 首先明确一点,卸载不掉肯定说明你的电脑中至少有两个地方存在脚手 ...

  2. vue-cli脚手架 安装教程

    vue-cli脚手架 安装教程 全局安装 vue npm install @vue/cli -g 备注:最好以淘宝镜像进行安装 npm i -g cnpm --registry=https://reg ...

  3. vue脚手架安装时出现Error EPERM operation not permitted这个错误

    vue脚手架安装时出现Error: EPERM: operation not permitted这个错误 **原因:**出现这个错误是因为安装全局模块时没有管理员权限,需要以管理员身份运行命令提示符窗 ...

  4. Vue脚手架安装 与 Vue项目创建运行、vue项目迁移后运行失败问题

    目录 Vue脚手架安装 vue 如何查看vue cli的安装位置 Vue项目创建与运行 1.创建项目 2.运行项目 3.检测运行是否成功 项目文件作用介绍 快捷安装项目所需依赖 命令 npm i Vu ...

  5. npm,vue简易安装教程

    npm,vue安装教程 1.下载node.js 直接去官网下载就好:Node.js 官网 点进去有两个选项,一个是LTS版本,一个是Current版本,下载LTS版本就好. LTS是长期支持(Long ...

  6. vue开发搭建（npm安装 + vue脚手架安装）

    一.概念 1.npm:  Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue ...

  7. 前端学习（1850）vue之电商管理系统电商系统vue脚手架安装

    1. 先下载node.js,下载地址:https://nodejs.org/en/download/ 找个目录保存,解压下载的文件,然后配置环境变量,将下面的路径配置到环境变量中. 安装node 配置 ...

  8. Vue脚手架安装常用命令

    创建vue项目时文件夹内容要为空不然无法创建 cmd切换盘符:E:回车. 切换淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taob ...

  9. Vue脚手架安装及项目搭建（mac版)

    前提:电脑上已经安装好了npm vue脚手架全局安装终端命令 $ sudo npm install -g vue-cli 安装完成之后检测 $ vue -V 如果终端输出vue的版本号,那么脚手架就安 ...

  10. vue脚手架安装以及vue脚手架创建项目（详细步骤）

    系列文章: 文章目录 node.js安装 vue环境安装 vue创建项目 命令行方式创建 使用UI界面搭建 idea导入vue项目 学习Vue不需要学会Node,Vue是前端框架,nodejs是服务端 ...

最新文章

  1. 计算机内部使用什么方法技术,计算机内部使用什么技术
  2. 心中有火，前方有光，致敬所有智能车后浪
  3. java -jar 和 -cp详解
  4. ASP.NET Core 2 学习笔记（三）中间件
  5. C语言遥控器程序,红外遥控
  6. 将森林转换为对应的二叉树，若在二叉树中，结点u时结点v的父结点的父结点，则在原来的森林中，u和v可能具有的关系是（ ）
  7. python读取图片上的文字_Python帮你读取图片中的文字（OCR）
  8. linux把硬盘当内存,把内存当硬盘使，让你的linux程序运转如飞(在linux下用firefox在线写csdn的blog再也不卡了)...
  9. execjs执行js出现window对象未定义时的解决_10个常见的JS语言错误总汇
  10. 前端学习（2918）：v-on的补充
  11. python自动截图发送邮件_PhantomJS按尺寸截取页面，并用python发送邮件
  12. 解放计算给服务带来的压力，第一想到的就是阿里云高性能计算（HPC）
  13. 高教杯历年真题_喜报 | 2019“高教社”杯全国大学生数学建模竞赛获奖名单！...
  14. 手机ufs测试软件,EFTech eMMC 5.1，UFS 3.0测试工具
  15. 通过python读取ini配置文件
  16. 视频教程-Unity5入门及进阶项目实战 星际迷航-Unity3D
  17. Word2vec And Doc2vec - 文本向量化
  18. SpringBoot系列之(二)：1.使用SpringBoot
  19. pyecharts全国地图和省级地图和水滴图
  20. alm系统的使用流程_[ALM]一步一步搭建MS ALM环境 - 安装域服务器

热门文章

  1. KETTLE将txt文本文件加载入库
  2. sendip linux发包工具
  3. java setmethod_java.util.zip.ZipEntry.setMethod(int method)方法示例
  4. 电力拖动计算机系统考试,电力拖动自动控制系统__考试复习题.doc
  5. Windows bat清理系统垃圾文件
  6. fw325r没有虚拟服务器,FAST FW325R的配置方法教程
  7. linux下Cacti网络监控之监控华为quidway s2000交换机
  8. 客户价值分析：RFM聚类分析原理
  9. 全球最大的电子图书馆创世纪下载网址
  10. 《微软System Center 2012 R2私有云部署实战》——第二章 微软私有云选型2.1 服务器选型...