2024.4.8
VUE的运行指导
window下安装并使用nvm（含卸载node、卸载nvm、全局安装npm）-CSDN博客
npm使用国内淘宝镜像（最新地址）_npm最新淘宝镜像-CSDN博客
一.术语了解：
- nvm：允许用户在同一台机器上安装和管理多个 Node.js 版本，类比于conda
- node.js：运行JavaScript，类比于python解释器
- npm：包管理器，每个版本的nodejs都有自己的npm，放在nodejs里。类比于pip
- vue_cli：创建vue项目框架（vue项目不是单纯的运行需要进行配置）
- JDK：对java一系列运行所需的工具的整合包
二.问题解答：
1.npm安装的包是不是在nodejs里？
答：包在node_modules文件夹中
- 项目本地安装：当你在一个 Node.js 项目中运行
npm install <package>时，npm 会将包安装到该项目的node_modules目录中。这种安装方式确保了每个项目都有其独立的依赖环境，不会相互影响。 - 全局安装：如果你使用
npm install -g <package>进行全局安装，包会被安装到 Node.js 的全局目录中。这个目录的位置取决于你的操作系统和 Node.js 的安装方式。全局安装的包通常包括命令行工具或跨项目共享的库。
总结：在d盘中我有一个nodejs里面有npm的node_modules文件夹，当我要在一个特定的项目中安装特定的包时，会在该项目文件夹中创建node_modules文件夹，不会改变我在全局的node_modules文件夹中的包
2.安装element-ui时报错：
原因：element-ui不支持vue3不能安装vue3不然报错 解决：终端运行命令：
# 卸载当前安装的Vue 3
npm uninstall vue
安装Vue 2
npm install vue@2.6.14
安装element-ui
npm install element-ui --save
3.app.vue与main.js是什么关系：
在Vue.js项目中，App.vue和main.js是两个核心文件，它们共同构成了Vue应用的起点。
-
App.vue:App.vue是Vue应用的根组件。这意味着所有的其他组件最终都会被包含在App.vue中。- 它通常包含了应用的HTML模板、CSS样式和JavaScript逻辑。
- 在这里，你可以定义应用的布局和结构，以及其他全局性的样式和功能。
App.vue可以包含其他子组件，这些子组件可以在<template>部分使用。
-
main.js:main.js是Vue应用的入口文件。它负责创建Vue实例并启动应用。- 在这个文件中，通常会导入
App.vue，并将其作为根组件传递给Vue实例。 main.js还负责配置Vue实例，比如安装插件、定义全局组件、定义全局指令等。- 最后，
main.js通过mount方法告诉Vue实例将其应用的内容渲染到HTML的哪个元素上（通常是#app）。 关系总结：
App.vue定义了应用的结构和外观。main.js创建Vue实例，配置应用，并挂载App.vue。 在典型的Vue项目结构中，App.vue和main.js通常位于项目的src目录下。App.vue作为应用的根组件，其内容会被渲染到main.js中指定的挂载点。通过这种方式，Vue应用的核心功能和界面布局得以结合和启动。
三.创建vue项目过程
1.通过vue-cli框架创建项目框架：
vue create my-new-project
2.添加组件：
npm install （安装当前路径下package.json文件中的全部依赖）
npm install <package> （安装特定依赖）
3.进入项目路径，运行服务：
npm run serve
npm run dev
四、排错日志
1.问题：使用nvm安装nodejs后nvm use -v进入nodejs后再nvm list发现没有进入该node并且使用npm -v，node -v都无法正常显示
原因：没有进入安装好的nodejs中，起源在安装nvm中更改nodejs的路径时没有在末尾加上/nodejs
解决：1.卸载nvm重新安装nvm并配置好nodejs的路径即可
2.将下载的nodejs设置为全局变量
