初识VUE3 - 技术栈

初识VUE3

三月372024-02-22 11:15

1.VUE3官网

全局安装vite

XML 复制代码

npm config set registry=https://registry.npmmirror.com 使用国内源

npm  install -g  vite@latest

安装vite前要先查看镜像源地址并使用国内镜像源地址

复制代码

//查看镜像源地址
npm config get registry
//更换国内镜像源地址
npm config set registry=https://registry.npmmirror.com

VUE3官网

XML 复制代码

npm --version
8.15.0

XML 复制代码

$ npm install -g npm

XML 复制代码

npm init vite@latest vue3demo -- --template vue-ts

XML 复制代码

npm install
npm run dev

XML 复制代码

1. npm  install -g  vite@latest
2. npm init vite@latest 项目名称 -- --template vue-ts
3. cd 到项目目录之后运行： 
4. npm  install  
5. npm  run  dev

XML 复制代码

<template>
  <MyComponent />
</template>

<script setup>
   import MyComponent from './MyComponent.vue'
</script>