Node.js 和 Vue.js 是现代 Web 开发中两个非常重要的技术,它们各自扮演不同的角色但又可以很好地配合使用。

Node.js是一个基于 Chrome V8 引擎的 JavaScript 运行时环境;主要用于服务器端编程;提供了 npm (Node Package Manager) 包管理工具。

Vue.js是一个渐进式的前端 JavaScript 框架;主要用于构建用户界面;通常运行在浏览器中。

两者关系
Vue.js 的开发工具链依赖 Node.js 环境;使用 Node.js 的 npm 或 yarn 来安装 Vue.js 及相关依赖;Vue CLI (命令行工具) 需要 Node.js 环境运行

安装NODE.JS

在开发阶段,Node.js 可以提供开发服务器和热重载功能

安装准备

安装 Node.js:
历史版本: https://www.javascriptc.com/nodejs/zh-cn/download/releases/
补充:
1.系统环境变量Path添加%NODE_PATH%
2.npm install express -g报错,更换镜像源:npm config set registry https://registry.npmmirror.com/
3.下载node.js注意下载msi版本,在 https://nodejs.org/zh-cn/download/prebuilt-installer下载

验证安装:

node -v
npm -v
推荐 VS Code作为代码编辑器 (免费且对 JavaScript/Vue 有很好的支持)
在这里插入图片描述

配置npm源:

配置npm源的命令如下:

npm config set registry https://registry.npmmirror.com

当配置成功后,可通过 get 命令可查看npm源:

npm config get registry

在这里插入图片描述

Vue.js 基础

安装 Vue CLI

参考链接:https://blog.csdn.net/m0_72568513/article/details/131123225
npm install -g @vue/cli
在这里插入图片描述
在这里插入图片描述

切换到D盘创建Vue的Workspace

在文件夹名称为Vue-Workspace创建第一个 Vue 项目:
vue create my-first-vue-app
cd my-first-vue-app
npm run serve
在这里插入图片描述

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐