当前位置: 代码迷 >> 综合 >> 前端学习(1850)vue之电商管理系统电商系统vue脚手架安装
  详细解决方案

前端学习(1850)vue之电商管理系统电商系统vue脚手架安装

热度:13   发布时间:2024-02-06 08:57:18.0

 1. 先下载node.js,下载地址:https://nodejs.org/en/download/

找个目录保存,解压下载的文件,然后配置环境变量,将下面的路径配置到环境变量中。

安装node

配置进环境变量

检查是否安装完成

2. npm配置

    查看npm配置信息,使用 npm config list 当前配置,或使用 npm config ls -l 全部配置信息。

cache = "C:\\Users\\geyao\\AppData\\Roaming\\npm-cache"
cache-lock-retries = 10
cache-lock-stale = 60000
cache-lock-wait = 10000
cache-max = null
cache-min = 10
cafile = undefined
cert = null
cidr = null
color = true
commit-hooks = true
depth = null
description = true
dev = false
dry-run = false
editor = "notepad.exe"
engine-strict = false
fetch-retries = 2
fetch-retry-factor = 10
fetch-retry-maxtimeout = 60000
fetch-retry-mintimeout = 10000
force = false
format-package-lock = true
fund = true
git = "git"
git-tag-version = true
global = false
global-style = false
globalconfig = "C:\\Users\\geyao\\AppData\\Roaming\\npm\\etc\\npmrc"
globalignorefile = "C:\\Users\\geyao\\AppData\\Roaming\\npm\\etc\\npmignore"

然后运行以下2条命令

      npm config set prefix "G:\node\node_global",将来全局安装的东西就会跑到这个文件夹的node_modules文件夹里面去了。

      npm config set cache "G:\node\node_cache"

配置镜像源头

下面两种写法都行,是将npm的指令直接修改为国内镜像源,如果用着不爽,可以看下面配置成cnpm指令的方式。
npm config set registry https://registry.npm.taobao.org 
npm config set registry=http://registry.npm.taobao.org
# 配置后可通过下面方式来验证是否成功
npm config get registry
# 或
npm info expresscnpm的方式:
npm install -g cnpm --registry=https://registry.npm.taobao.org# 使用,都通过cnpm指令来下载
cnpm install express -g# 如果不能使用 cnpm,可能是指定了 npm 的全局模块目录导致,需要配置相应的系统环境

 

注意,此时,默认的模块G:\node\node_modules 目录将会改变为D:\nodejs\node_global\node_modules 目录,如果直接运行npm install等命令会报错的。

  我们需要做1件事情:

    1、增加环境变量NODE_PATH 内容是:G:\node\node_global\node_modules

 

一、测试NPM安装vue.js

    命令:npm install vue -g

    这里的-g是指安装到global全局目录去

  二、测试NPM安装vue-router

    命令:npm install vue-router -g  

 

 运行npm install vue-cli -g安装vue脚手架,

对path环境变量添加G:\node\node_global,因为全局安装vue和全局安装其他的模块不太一样,vue安装在了node_global这个文件夹里面,而不是这个文件夹里面的那个ndoe_modules文件夹中,如果想在cmd窗口直接使用vue这个命令,就需要配置环境变量