目录
前言
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
二、常用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)