Vue安装其他内容的一些命令

VUE安装其他内容的一些命令

安装脚手架

npm install -g @vue/cli

安装antd（Vue3)

npm i --save ant-design-vue

Vue2安装antd，需要指定版本号

npm install --save ant-design-vue@1.7.8

全局配置antd

import { createApp } from 'vue';
import Antd from 'ant-design-vue';
import App from './App';
import 'ant-design-vue/dist/antd.css';

const app = createApp(App);

app.use(Antd).mount('#app');

安装路由

npm install vue-router@4

Vue2安装路由

npm install vue-router@3

配置路由

router.js

// 1. 定义路由组件.
// 也可以从其他文件导入

import { createRouter,createWebHashHistory} from "vue-router"


import Info from '../components/Info.vue'
import LoginPage from '../pages/LoginPage.vue'

  const router =createRouter({
    history:createWebHashHistory(),
   routes:[
    {
      path:'/',
      redirect:"/login"
    },
    {
      path:'/login',
      component:LoginPage
    }
  ]
})
export default router;

main.js

import router from './router/index'
app.use(router)

安装echarts

npm install echarts --save

安装d3

npm install d3 --save-dev 

引用

import * as d3 from 'd3';//引入d3