Node.js环境安装和Vue-cli脚手架构建过程

最新推荐文章于 2025-06-06 16:16:25 发布
最新推荐文章于 2025-06-06 16:16:25 发布
阅读量1.2k 收藏 17
点赞数 26
CC 4.0 BY-SA版权
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_78490414/article/details/139905656

Node.js环境安装

1. 前言
Node.js简介

Node.js 是一个开源的、跨平台的 JavaScript 运行环境，它允许开发者使用 JavaScript 编写服务器端代码。Node.js 基于 Google 的 V8 JavaScript 引擎构建，该引擎是 Chrome 浏览器中用于解析和执行 JavaScript 的核心组件。因此，Node.js 能够以接近原生的速度运行 JavaScript 代码。

2. 准备工作
检查系统要求（Windows、macOS 或 Linux）
配置开发环境（如：更新操作系统、关闭防火墙或杀毒软件等特殊情况）
我这里的是Window 11家庭中文版的23H2版本的系统，去安装对应的64位版本

3. 下载与安装 Node.js

下载
https://nodejs.org/en/download
安装 测试
安装

测试

win+r 打开终端命令行,按如图输入,并正确显示,则说明安装好

vue-cli 搭建项目

vue-cli 官方提供的一个脚手架，用于快速生成一个 vue 的项目模板；预先定义
好的目录结构及基础代码，就好比咱们在创建 Maven 项目时可以选择创建一个
骨架项目，这个骨架项目就是脚手架，我们的开发更加的快速；

主要的功能

统一的目录结构
本地调试
热部署
单元测试
集成打包上线

vue-cli需要的环境

Node.js,Node.ja可以看作是js语言解释器

npm,npm 是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。npm 是JavaScript 的

最低0.47元/天 解锁文章

新学期VIP享超值加赠
@ 李青龙
关注
安装Node（脚手架）
passerby的博客
08-24 1536
送大家一句话：现在站在什么地方不重要，重要的是往什么方向移动！！！
使用node.js搭建并运行vue-cli项目(dev)
weixin_42105932的博客
01-27 2568
        近段时间团队做的一个项目，前后端完全分离，使用API交互数据，前端页面是使用vue-cli架构。之前后端和前端开发的小伙伴对接后都是待前端打包编译好才测试，到我进行统一测试检视时，发现竟然没本地的前后端完整测试环境，没办法，只能立马搜一下node.js服务环境运行vue-cli的教程，自己动手边学边用。         1.下载并安装node.js         在node....
使用nodeJs安装Vue-cli
weixin_30507269的博客
01-04 256
TIP：win10下安装，使用管理员身份进行，否则会有权限限制。 1，安装完成node，node有自带的npm，可以直接在cmd中，找到nodeJs安装的路径下，进行命令行全局安装vue-cli。（npm install --global vue-cli） ----想安装速度快点，可以使用淘宝镜像如下 ----命令提示符执行npm install cnpm -g --registry=ht...
安装vue的教程——Windows Node.js Vue项目搭建
最新发布
hnlucky的博客
06-06 659
本文详细介绍了Vue2项目的搭建过程：1)准备Windows11和Node.js v22.16.0环境；2)创建项目目录并安装Vue CLI 5.0.8；3)通过命令创建和启动Vue2项目；4)访问本地开发服务器；5)使用VSCode进行开发；6)安装路由(Vue-router@3)和状态管理(Vuex@3)等核心依赖；7)项目构建与部署说明。文档还提供了操作截图和常见问题提示，如npm版本升级建议和开发服务器停止方法。
Nodejs的安装以及Vue脚手架的搭建
weixin_67366454的博客
12-23 1603
点击下载，等待下载完之后，安装属于傻瓜式安装（点下一步即可），只需要安装的时候根据自己的需求进行更改一下安装目录即可（这里需要注意，避免安装在含中文或含有空格的目录下面）。node-v命令查看安装的nodejs的版本，npm -v查看安装npm的版本（这里nodejs版本内部带有npm，所以npm不需要再进行单独安装）。补充:npm是随同node.js一起安装的包管理和分发工具，它很方便的让开发人员下载，安装，上传以及管理已经安装的包。这里的V是大写，返回版本号证明安装成功。
node.js环境安装以及Vue-CLI脚手架搭建项目教程
小谷同学的博客
06-24 2549
本篇文章详细讲解了前端开发环境node.js的安装以及如何通过vue脚手架方式搭建前端项目和组件路由的配置，内容十分详细！创作不易，欢迎大家多多支持~
NodeJS安装并生成Vue脚手架(保姆级)
A的博客
05-25 1995
有两种方式，可以直接在环境变量加安装路径的地址，也可以将地址定义为一个用户变量，在path中加入%用户变量%，以下演示的是直接加安装路径的地址
实验二 学习Vue-cli的安装和使用 实验学时：2 实验类型：设计 一、目的与任务 目的：学习基于Vue-cli的安装和使用 任务: 完成基于Vue-cli脚手架的搭建并使用 二、内容、要求与安排方式 1、实验内容与要求： 首先需要在官网安装配置、Node.js环境之后安装好NPM包管理工具通过npm指令安装Vue-cli脚手架 安装成功后通过vue create xxx 构建Vue-cli项目 项目构建成功之后通过运行指令使用项目 要求通过该实验的练习，理解掌握Vue-cli的安装和基本使用，了解Vue-cli脚手架的构建目录 具体操作步骤： 1.安装配置node.js和NPM包管理工具 2.通过Npm安装Vue-cli脚手架 3.通过vue指令创建Vue-cli项目 4.通过运行指令使用Vue-cli脚手架 2、实验安排方式：上机编码。
03-18
实验分为四个主要步骤：安装Node.js和npm、安装Vue CLI、创建项目、运行项目。每个步骤都需要详细的说明和命令示例，确保学生能够按照步骤操作。此外，用户提到要理解目录结构，所以可能需要解释生成的项目目录，...
Vue-Cli脚手架项目的搭建【新手快速入手】
2301_79258776的博客
05-06 2381
Vue CLI是官方提供的一套全面的开发工具链，可以帮助开发者快速搭建Vue项目。以下是使用Vue CLI搭建Vue脚手架的详细步骤。
NodeJS和vue-cli安装
暮辰的博客
04-21 483
点击你需要的安装包。
nodejs服务器及安装vue脚手架--vue-cli
weixin_52725665的博客
04-17 533
写好的vue工程—把我们的工程部署到该服务器上。注意:不要安装到中文目录下或者空格的目录下。创建标准的 vue 工程。
node.js以及Vue的脚手架安装过程
Li5306的博客
04-29 4159
一、安装node.js 1）实际的工作项目都是模块化项目，模块化的项目需要node.js环境。因此在开始项目之前需要先安装node.js. 2）安装node.js需要操作DOS窗口（终端，命令行，小黑窗）。 3）DOS窗口打开方式：win键+R。然后输入cmd确定。 二、常见DOS命令： 1）dir:用于列出当前文件夹下的所有文件及文件目录 2）cd: 进入当前文件夹下的某个目录 3）cd.. :回退当上一级目录 4）ctrl+c：取消操作. 5）方向键向上：复制上一条命令。 .
Node安装，vue脚手架的安装及环境配置（跟着步骤，有手就行！）
m0_59390027的博客
07-01 3330
官方链接这是我自己使用的版本，版本号为 v16.13.0提取码：npef。
node.js的安装教程及vue -cli脚手架的安装
shuang_com的博客
05-27 1170
一、先下载node.js版本 https://gitee.com/li_asdd/package/tree/master/nodeJS 这里有两个版本的node,大家可自行下载。 1、下载好可直接运行按照，只需一直下一步即可 2、在dos命令窗口输入node -v，检验是否安装成功，如果出现版本号即安装成功，如图： ...
安装nodejs、vue脚手架
qq_43738982的博客
03-22 410
安装vue脚手架，会用到node中的npm模板 安装的过程是很复杂的，尤其是当基本步骤的顺序不确定时，应该顺着一个模板下去，两个不同的模板交叉会导致更多的错误。 当我们要重新安装的时候，应该确定上一次失败的安装全过程清除干净，做到无痕，这样是下次安装成功的前提。 面向一个完全陌生的东西，不能排斥，要更加耐心的。因为耐心会指引你慢慢的走向答案。 问题的出现是不可避免的，问题就是一个未知数，应该耐心，...
node详细安装教程以及Vue脚手架搭建
qq_45796592的博客
12-28 4836
最仔细的环境、项目搭建
搭建vue开发环境——安装node和vue cli(vue脚手架)
zhengjingID的博客
03-08 1576
1.安装node.js（vue需要依赖node的npm包管理工具） node.js安装包下载地址：下载 | Node.js (nodejs.org) 2.双击安装，安装路径改到D:盘下（C:盘启动需要管理员权限运行），其他都默认就可以。 3.安装完成后， 3.1检测是否安装成功 win+R(打开运行框)； 输入cmd(打开命令框)； 输入node -v或npm -v(显示版本号，表示安装成功)； 3.2查看版...
node.js中没有安装vue-cli脚手架,怎么安装
06-08
要在没有安装vue-cli的Node.js中安装vue-cli脚手架，可以按照以下步骤执行： 1. 打开命令行工具，输入以下命令安装vue-cli： ``` npm install -g vue-cli ``` 2. 等待安装完成后，输入以下命令创建一个新的Vue项目： ``` vue init webpack my-project ``` 3. 接着按照提示输入项目名称、描述、作者等信息，然后等待依赖安装完成即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值