vite与vue2

npm init @vitejs/app

取一个项目名称，如：v2
选vanilla

打开项目文件夹v2，新建一个 vite.config.js 文件

const { createVuePlugin } = require('vite-plugin-vue2')
module.exports = {
  plugins: [createVuePlugin(/*options*/)],
}

此时是没有app.vue的，新建一个src目录，将main.js挪进去，新建一个App.vue
并修改index.html中main.js为src/main.js

//App.vue
<template>
    <div>hello!!!</div>
</template>

//mail.js
import Vue from "vue" 
import App from "./App.vue" 

new Vue({
    el:"#app",
    render:(h)=>h(App),
}).$mount();

运行命令，安装vite-plugin-vue2

yarn add vite-plugin-vue2 --D

运行命令，安装vue

npm install vue -S
npm install vue-template-compiler -S

此时的package.json如下：

{
  "name": "v2",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "serve": "vite preview"
  },
  "devDependencies": {
    "vite": "^2.5.1",
    "vite-plugin-vue2": "^1.8.1"
  },
  "dependencies": {
    "vue": "^2.6.14" ,
    "vue-template-compiler": "^2.6.14"
  }
}

运行：npm run dev 项目就成功跑起了

vite-plugin-vue2的git地址：

https://github.com/underfin/vite-plugin-vue2

yarn 命令

npm install -g yarn  // 安装yarn 
yarn init // 同npm init，执行输入信息后，会生成package.json文件
yarn install //安装package.json里所有包，并将包及它的所有依赖项保存进yarn.lock
yarn add --dev/-D // 加到 devDependencies
yarn add --peer/-P // 加到 peerDependencies
yarn add --optional/-O // 加到 optionalDependencies
//默认安装包的主要版本里的最新版本，下面两个命令可以指定版本：
 

yarn publish  //发布包
yarn remove <packageName>：移除一个包，会自动更新package.json和yarn.lock
yarn cache list  //查看包的缓存列表
yarn global  //全局安装包 == npm -g