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.youkuaiyun.com/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