2021-05-07

安装vscode并导入包

下载node.js
选择长期更新版

cmd输入
npm config set registry https://registry.npm.taobao.org
更换npm镜像源

输入
npm -v查看版本
npm install -g npm更新npm

新建文件夹Test
在路径中输入cmd快速打开命令窗口

在cmd中输入vue init webpack
创建vue项目

输入npm run dev执行

打开http://localhost:8081

成功
————————
打开vscode
将新建好的Test拖入vscode

打开src下的main.js
添加代码

// 引入element
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

// 引入axios
import axios from 'axios'
Vue.prototype.$axios = axios

在src下找到components
新建Main.vue


找到index.js文件
添加内容
少了逗号会报错

Ctrl+S保存
刷新网页显示报错
——————————
忘记了
npm i element-ui -S
和
npm install axios --save

再次保存
更改地址为
http://localhost:8081/#/Main

成功