Vue插件安装使用

项目打包：

命令： npm run build ||  yarn build 

 router 路由安装与卸载

安装命令：npm i vue-router@3.2.0

卸载命令：npm uninstall vue-router

less 安装

npm install less less-loader --save-dev

sacc 安装

npm install -D sass-loader sass

axios 安装

命令：npm install axios

main.js引入： 
        import Axios from 'axios'
        Vue.prototype.$axios=Axios

js-cookie

1、安装
    npm install js-cookie

2、使用
    import Cookies from 'js-cookie';


    let model = ref({
      phone: null,
      password: null,
    })
    //  键、值、配置 有效期7天
    // 存入
    Cookies.set('phone', model.value.phone, { expires: 7 });
    // 读取
    model.value.phone = Cookies.get('phone')
    // 删除
    Cookies.remove('phone');
    

nodemon 实时更新

npm i -g nodemon

dayjs 安装

npm install dayjs --save

normalize.css 安装 css清除默认浏览器样式

安装命令：npm install normalize.css

main.js 引入：import "normalize.css";

naiveUi 安装

官网网址：https://www.naiveui.com/zh-CN/os-theme/docs/introduction

package.json： "naive-ui": "^2.34.4"  

更新node包命令：npm i

安装命令：npm i 更新 node 包

组件按需引入：import { NButton } from 'naive-ui'

组件使用：<n-button type="info">11</n-button>

icones 安装

官网网址：https://icones.js.org/collection/iconoir

安装命令：npm install --save-dev @iconify/vue

全局注册：在 main.js 里：import {Icon} from '@iconify/vue'; app.component('Icon', Icon);

组件使用：<Icon icon="iconoir:nav-arrow-left" color="#000" width="15" height="15"/>

Tailwindcss 安装

官网网址：Text Color - TailwindCSS中文文档 | TailwindCSS中文网

在vue项目中的 package.json

引入：autoprefixer、tailwindcss
{
  "devDependencies": {
    "autoprefixer": "^10.4.16",
    "tailwindcss": "^3.4.1",
  }
}

在vue项目中创建 postcss.config.js

export default {
    plugins: {
        tailwindcss: {},
        autoprefixer: {},
    },
}

在vue项目中创建 style.css

// 引入默认样式
@tailwind base;
@tailwind components;
@tailwind utilities;

执行命令：

npm i  
或
npm install -D tailwindcss
npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

package.json安装  @gwdata/core

import { appEmitter } from "@gwdata/core";

// 子给父传值
appEmitter.emit('chartColor', { val })
appEmitter.on('chartColor',res=>{
    console.log(res)
})