vite官方文档
- 应用vite复位一个项目(npm、yarn)
npm init vite@latest
yarn create vite
//或使用pnpm
pnpm create vite
- y再次，并给新项目起个好名字，这儿我的名字是vite-app
- 留意：在哪里打开终端设备，你新项目就创建在哪儿
组装依靠：npm install
依靠安装好了以后就会放进node_modules这一文件夹名称下
启动项目：npm run dev
第二天以后启动项目可能出错，说我无权限
解决方案在下方连接里：
blog.csdn.net/weixin_3786…
package json 指令分析
{
"scripts": {
"dev": "vite", // 运行开发设计网络服务器，别称：`vite dev`，`vite serve`
"build": "vite build", // 为工作环境搭建物质
"preview": "vite preview" // 当地浏览生产制造搭建物质
}
}
组装Vue cli钢管脚手架
组装：npm install @vue/cli -g
查验组装：Vue -V
应用钢管脚手架
vue create project(cmd)
Vite 文件目录
public 下边的不被编译程序 能够储放静态资源
assets 下边能够储放可编译程序的静态资源
components 下边用于储放我们自己的部件
App.vue 是全局性部件
main ts 全局性 ts 文档
index.html 至关重要的通道文档 （webpack，rollup 她们的通道文档全是 enrty input 是一个 js 文档 而 Vite 的通道文档是一个 html 文档，他刚刚逐渐不容易编译程序这种 js 文档 当你真正需要用到的情况下 如 script src="xxxxx.js" 会进行一个要求被 vite 阻拦此刻才能分析 js 文档）
vite config ts 这也是 vite 的环境变量实际配置项
VsCode Vue3 软件强烈推荐 Vue Language Features (Volar)
SFC 词法标准
*.vue` 件均由三种类型的高层词法块组合而成：`<template>`、`<script>`、`<style>
<template>
- 每一个
*.vue文档最多能与此同时包括一个高层<template>块。 - 在其中内容能被分离出来并传达给
@vue/compiler-dom，预编译为 JavaScript 的3D渲染函数公式，并附设到导出来的模块上作为render选择项。
<script>
- 每一个
*.vue文档能够有好几个<script>块 - 该脚本制作将成为 ES Module 去执行。
- 其默认设置导出来内容应当是 Vue 部件选择项目标，它要么就是一个普通的目标，要么就是 defineComponent 的传参。
<script setup>
- 每一个
*.vue文档不得超过有一个<script setup>块 (不包含常规<script>) - 该脚本制作能被预备处理并成为元件的
setup()函数公式应用，换句话说它会在每一个部件案例中实行。<script setup>的高层关联就会自动曝露给模版。详情请请参阅 文本文档。
<style>
- 一个
*.vue文档能够包括好几个<style>标识。 <style>标识能通过scoped或moduleattribute (详情请请参阅 SFC 款式特点) 将款式封装形式在目前部件内。好几个不一样封装形式方式的<style>标识能够在同一个部件中混
NVM 详细介绍
NVM 全名 node.js version management ，针对 node 版本号进行监管的一种手段，通过它可以放置和转换不一样版本 node.js
GitHub详细地址:github.com/coreybutler…
Nvm 命令实际操作
| nvm list | 查询如今全部安装 node 版本号 |
|---|---|
| nvm list available | 查询 nodejs 官方全部版本号 |
| nvm install | （版本信息）免费下载相对应的 node 版本信息 |
| nvm use | 转换 node 版本号 |
nrm 详细介绍
nrm 是一个 npm 源管理工具，允许迅速地在 npm 源间转换。(本身就是镜像系统，你能安淘宝镜像什么的)
-
组装
npm install -g nrm -
npm ls 查询可选择源 星号意味着现阶段应用源
-
nrm use （源）转换源
-
nrm add （名字）（源）
-
测试速度 nrm test npm
取代nrm包的新一代包：xmzs
没有错，这一xmzs便是包名，从而教程的创作者小满节气zs整理的包。
在正式介绍这个包以前，大家把他和nrm这个包进行一个比照：xmzs 是一个根据 Node.js 的命令行工具，它带来了与 nrm 相似的作用，能够容易地转换不同类型的 npm registry。尽管它和 nrm 有一些共同之处，可是二者有一些不同点：
- 作用有所不同：xmzs 和 nrm 所提供的作用有所不同。nrm 除开转换 registry 外，还提供列举现阶段可以用 registry 和验证 registry 响应速度的功效，而 xmzs 带来了批量修改 registry、查询现阶段 registry 等服务。
- 小区适用：nrm 是一个比较最流行的开源工具，它已经得到普遍的群体适用，而且在保护升级方面也是比较活跃。xmzs 相对而言比较新(因为刚所写的)，现阶段小区适用不如 nrm 火爆。
- 使用感受：xmzs 相对而言使用感受比较简单和方便快捷(如果你组装下来之后，就会直接附加了很多镜像源可以直接切换，转换手感也更顺滑)，可是 nrm 在cmd互动和用户习惯方面已经比较完善，也可以满足大部分消费者的需求。
-
详细地址：xmzs - npm (npmjs.com)
-
使用说明书：(它的指令是
mmp，一个很社会发展的指令)-
组装：
npm i xmzs -g -
mmp ls 查询现阶段源：
npm registry.npmjs.org/ yarn registry.yarnpkg.com/ tencent mirrors.cloud.tencent.com/npm/ cnpm r.cnpmjs.org/ taobao registry.npmmirror.com/ npmMirror skimdb.npmjs.com/registry/ -
使用方法详细说明报表：
mmp命令集 功效 mmp use 转换源：挑选你需要转换的源 mmp current 查询现阶段源：现阶段源: npm mmp add 添加源：1.键入使用的详细地址 2.键入服务器ip mmp ping 检测源：? 挑选镜像系统 cnpm 响应时长: 1635ms mmp delete 删掉自定源：add使用的源都能够删掉 mmp rename 删掉自定源：add使用的源都能够删掉 mmp edit 编写自定镜像系统详细地址 -
免费下载动漫(MMP图效)：
npm版本号6.14.15可以看见动漫，假如升级成7.1.2的npm或以上就难以见到MMP动画表明
-
