win10版本
一、npm安裝
1、node.js下載與環(huán)境變量配置
解壓安裝。
配置環(huán)境變量
在安裝目錄里加兩個文件夾：【node_global】 和 【node_cache】
創(chuàng)建完兩個空文件夾之后，打開cmd命令窗口，輸入
npm config set prefix "安裝路徑\node_global"
npm config set cache "安裝路徑\node_cache"
注：E:\Software\Work\node-v12.16.1-win-x64 是我的node安裝路徑
此時在cmd輸入
npm root -g
出現(xiàn)下圖則說明配置成功:
系統(tǒng)變量設(shè)置：
添加變量 NODE_HOME 值為：E:\Software\Work\node-v12.16.1-win-x64
path添加:
%NODE_HOME%
%NODE_HOME%\node_global
修改npm鏡像
淘寶
npm config set registry https://registry.npmmirror.com
華為
npm config set registry https://mirrors.huaweicloud.com/repository/npm/
配置后可通過下面方式來驗證是否成功
npm config get registry
或
npm info express
通過cnpm使用
npm install -g cnpm --registry=https://registry.npmmirror.com
清空緩存
npm cache clean --force
注意執(zhí)行這個命令，黑窗口還是在你的nodejs 安裝根目錄，就是你上邊一致執(zhí)行的窗口；執(zhí)行完畢，關(guān)閉黑窗口命令；
安裝vue-cli 腳手架
cnpm install --global vue-cli
簡寫: cnpm i --global vue-cli
創(chuàng)建Vue項目
vue init webpack 項目名
運行項目
運行前先在你的項目根目錄下：cnpm install 或cnpm i 安裝前端需要的包，安裝好會多出一個文件夾：node_modules
然后還是在你的項目跟目錄，黑窗口執(zhí)行cnpm run dev
后續(xù)打包的命令是cnpm run build
安裝element-ui
cnpm i element-ui -S
main.js引用element
/* 引入element-ui 組件 */
import ElementUi from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUi);
** 安裝并引用axios，vue-axios：**
cnpm install --save axios vue-axios
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
