Node.js 与 Vue CLI 脚手架的安装,构建 vue 前端项目

本文介绍了如何安装Node.js和Vue CLI,包括Node.js的下载与安装步骤,以及Vue CLI的全局安装和版本检查。接着,通过vue init命令创建了一个基于webpack模板的Vue项目,详细说明了项目初始化过程中各项配置的选择。最后,演示了如何运行项目并解决可能出现的问题,成功启动本地开发服务器。
摘要由CSDN通过智能技术生成

前言

Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

一、Node.js及Vue CLI 脚手架的安装

1.1 安装Node.js

附上 Vue 的官方教程:
https://cn.vuejs.org/v2/guide/

安装 Vue CLI(脚手架)需要使用 npm ,而 npm 是集成在 Node.js 中的,所以第一步我们需要安装 Node.js,访问官网 https://nodejs.org/en/,首页即可下载。
在这里插入图片描述
node.js网站非常的友好还给我们提供了翻译功能,点击选择简体中文即可,我们看到在官网上有两个版本,左边是长期支持版本,右边是当前版本,下载哪个都行,不过推荐使用长期支持版本。

点击下载文件格式node-v12.14.0-x64 .msi,双击次文件出现如下弹框,点击运行
在这里插入图片描述
在此页面点击next进入下一步
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
到这一的时候记得选择Node.js runtime这一项,如果选择的是其他项在就需要重新更新,否则在查看node.js的按本是会提示找不到
在这里插入图片描述
点击 Install(安装) 开始安装Node.js。你也可以点击 Back(返回)来修改先前的配置。 然后并点击 next(下一步࿰

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梦昼初心

您你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值