VUE的安装

VUE概述

Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。

它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型。

Vue有两个大版本，分别是Vue2和Vue3，老项目一般都是Vue2的，而新项目一般都选择Vue3开发，Vue3涵盖了Vue2的知识体系，当然Vue3也增加了很多新特性。

运行环境node.js

Nodejs

诞生

Nodejs诞生于2009年，主攻服务器方向，使得利用JavaScript也可以完成服务器代码的编写。

脚本语言需要一个解析器才能运行，JavaScript是脚本语言，在不同的位置有不一样的解析器，如写入html的js语言，浏览器是它的解析器角色。而对于需要独立运行的JS，nodejs就是一个解析器。

每一种解析器都是一个运行环境，不但允许js定义各种数据结构，进行各种计算，还允许js使用允许环境提供的内置对象和方法做一些事情。如运行在浏览器中的js的用途是操作DOM，浏览器就提供了document之类的内置对象。而运行在nodejs中的js的用途是操作磁盘文件或搭建http服务器，nodejs就相应提供了fs,http等内置对象。

特性

Node.js 是一个开源和跨平台的JavaScript运行时环境。

Node.js 在浏览器之外运行V8 JavaScript引擎（Google Chrome的内核）。

Node.js 可以构建web服务器。

Node.js 是单线程非阻塞的，这允许Node.js使用单个服务器就可以处理数千个并发连接。

Node.js 可以使用新的ECMAScript标准。

安装Node.js

Node.js官网

https://nodejs.org/en

Node.js中文网

https://nodejs.cn/

Node.js历史版本

https://nodejs.org/dist/

安装

16.16.0LTS是目前比较稳定的版本，下载后直接无脑下一步即可

安装路径默认就行（C:\Program Files\nodejs\）

查看nodejs版本

node -v

查看npm版本

npm -v

配置npm国内镜像

在安装Nodejs的同时会附带一个npm命令，npm 是Node的包管理工具

npm 的简单结构有助于Node.js 生态系统的激增，现在 npm 仓库托管了超过 1,000,000 个可以自由使用的开源库包，但是npm仓库在国外，使用npm是可能下载失败

安装npm的国内镜像

npm install -g cnpm --registry=https://registry.npmmirror.com

开发环境Visual Studio

官方推荐的 IDE 配置是 Visual Studio Code + Volar 扩展

Visual Studio官网

https://code.visualstudio.com/

  Volar 扩展插件：自动补全，高亮

创建并启动vue项目

创建Vue项目（当前目录）

npm init vue@latest

这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示

✔ Project name: … <your-project-name>（项目名，不要存在大写）

✔ Add TypeScript? … No / Yes（no，直接回车）

✔ Add JSX Support? … No / Yes（no，直接回车）

✔ Add Vue Router for Single Page Application development? … No / Yes 集成路由

✔ Add Pinia for state management? … No / Yes（no，直接回车）Pinia

✔ Add Vitest for Unit testing? … No / Yes（no，直接回车）

✔ Add Cypress for both Unit and End-to-End testing? … No / Yes（no，直接回车）

✔ Add ESLint for code quality? … No / Yes（no，直接回车）

✔ Add Prettier for code formatting? … No / Yes（no，直接回车）

安装依赖

cd 项目目录

npm install

启动开发服务器（项目目录）

npm run dev

访问

http://127.0.0.1:5173