Vue学习积累

目录

前言

一、安装

1.安装Nodejs并更改下载源

2.安装Vue

3.创建项目

二、常用JS下载配置

---

前言

Vue 2.0

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、安装

1.安装Nodejs并更改下载源

​
// 查看版本

node -v

//更改源 

npm config set registry https://registry.npm.taobao.org

//查看更改结果

npm get registry

2.安装Vue

// 下载vue脚手架

npm install -g @vue/cli@4.5.15

// 查看vue下载情况

vue -V

3.创建项目

• vue create 项目名
• 选择-1（默认选择）

• 选择-2（Router Vuex）

• 选择-3（根据需要版本选择）

• 选择-4（路由器是否使用历史模式？（需要为生产中的索引回退进行适当的服务器设置））

• 选择-5（选择第一个）

• 选择-6（选择第一个）
• 选择-7（选择第二个）

• 选择-8

• 等着~

• 成功

• 运行cd 到目录  npm run serve

• 浏览器查看界面 http://localhost:8080/（正常情况，也可能端口占用就不是8080了）

---

二、常用JS下载配置

• 下载指令（2022年3月27日）

npm install -S echarts

npm install -S element-ui

npm install -S axios

npm install -S @jiaminghi/data-view

npm install --save vue-jsonp

• main.js

import * as echarts from 'echarts'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import axios from "axios"
import VueAxios from 'vue-axios'
import dataV from '@jiaminghi/data-view'
import {VueJsonp} from 'vue-jsonp'


Vue.config.productionTip = false
Vue.prototype.$echarts = echarts
Vue.use(ElementUI)
Vue.use(VueAxios, axios)
Vue.use(dataV)
Vue.use(VueJsonp)