npm安装vue-cli，安装element-ui，配置项目

一.打开运行命令框

   Win+R进入命令框

1.检查node 版本（输入node -v）

2.检查npm版本（输入 npm -v）

---

二.npm

1.什么是npm

   npm，全称是Node Package Manager

   是Node.js的默认包管理器。它是一个用于管理和分发Node.js包的工具，已经成为非官方的发布Node模块（包）的标准

2.配置npm镜像源

在命令框中输入npm config ls来查看是否加载阿里镜像

【如果没有加载阿里镜像（没有红框内容），访问的是美国的网址，下载慢】

输入   npm config set registry https://registry.npmmirror.com  下载阿里镜像

3.npm指令

输入npm -help    

---

三.Vue  CLI

1.安装

输入3.

2.查看vue版本

输入vue --version

3.查看电脑环境

输入vue info

4.创建一个vue项目

    ①创建一个工作空间

   ②切换盘符（cd  盘：）

③输入vue  create + 项目名

④创建项目 

   

---

四.vue项目开发

1.Hbuilder创建vue项目

①打开vue-workspace目录

②创建vue项目

---

五.安装elementUI

1.npm下载

2.main.js引入elementUI

import Vue from 'vue'
import App from './App.vue'
import './registerServiceWorker'

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)
Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

---

六.安装路由器

1.npm 安装

    npm i vue-router@3.5.3