Vue1(环境配置|vite目录|Vue单文件组件|npm run dev详解)

环境配置

1.下载nodejs

2.创建vite项目：npm init vite@latest

2.1项目名称、vue、

2.2安装依赖包：npm install；启动：npm run dev

3.安装Vue Cli脚手架：npm install @Vue/cli -g

Vite目录

pulic 存放不编译的静态资源

assets 存放编译的静态资源

components 存放组件

App.vue 全局组件

index.html vite是入口文件，当需要组件时，向vite发出才会编译。

vue.config.ts vite是配置文件

VsCode Vue3 插件推荐 Vue Language Features (Volar)

SFC 语法规范

*.vue 件都由三种类型的顶层语法块所组成：<template>、<script>/<script setup>、<style>

npm run dev 详解 

输入命令后， 会通过软连接 到 node_modules/bin中找对应的映射文件，然后再找到相应的js文件来执行：

1.查找规则是先从当前项目的node_modlue /bin去找,

2.找不到去全局的node_module/bin 去找

3.再找不到 去环境变量去找