[vue] vite的使用

[david2tdw]

安装流程:

mkdir vue-vite
cd vue-vite
npm init -y
npm install vite -s
npx vite

index.html

<div id="app"></div>
<script type="module">
import { createApp } from 'vue'
import Comp from './Comp.vue'

createApp(Comp).mount('#app')
</script>

Comp.vue

<template>
  <button @click="count++">{{ count }}</button>
</template>

<script>
export default {
  data: () => ({ count: 0 })
}
</script>

<style scoped>
button { color: blue }
</style>

[david2tdw]

npx 想要解决的主要问题，就是调用项目内部安装的模块， 而不用再写一个脚本去调用。

vite npx

[david2tdw]

启动结果：

E:\work_items\vue-vite  (vue-vite@1.0.0)
$ npx vite
Running at http://localhost:3000
(node:3500) ExperimentalWarning: The fs.promises API is experimental