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官网
Node.js中文网
Node.js历史版本
安装
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