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這個命令，就需要配置環境變量

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的前端学习（1850）vue之电商管理系统电商系统vue脚手架安装的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。