VUE3安装自学1.0 Vue-Cli(脚手架)

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
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值