Vue搭建脚手架(需要建立在安装node.js环境之后的方法)

最新推荐文章于 2025-01-21 15:52:05 发布
原创 最新推荐文章于 2025-01-21 15:52:05 发布 · 2.7k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #nodejs #npm

本文详细介绍如何从零开始搭建一个Vue.js项目，包括下载并安装Node.js环境，使用npm全局安装@vue/cli，以及通过vue ui命令创建和启动项目。

1.下载安装node.js环境

官网地址:https://nodejs.org/en/download/
安装完毕之后在cmd中输入node -v检查是否安装成功

2.在cmd中输入 npm i -g @vue/cli安装

这个是全局配置的,所以安装配置一次就可以了

3.输入在cmd中输入vue ui

然后会在默认浏览器中弹出
01-------------------------------------
在这里插入图片描述
02------------------------------------
在这里插入图片描述
03---------------------------
在这里插入图片描述
04-------------------------------------------
在这里插入图片描述
05------------------------------------
点击启动app之后就会跳转到脚手架默认生成的主demo中了
在这里插入图片描述
06-----------------------------------
在这里插入图片描述

maple_leaf1314
关注
Vue.js使用Node.js吗？编程探讨
ByteEchoX的博客
10-07 892
综上所述，虽然在使用Vue.js本身时并不需要安装Node.js，但在Vue.js开发过程中，Node.js提供了很多有用的工具和功能，如包管理器、开发服务器、打包工具和服务器端渲染等。因此，在构建和开发Vue.js应用程序时，安装Node.js是非常推荐的。Vue.js是一种流行的JavaScript前端框架，而Node.js是一个基于Chrome V8引擎的JavaScript运行时环境。尤其是在构建大型、复杂的Vue.js应用程序时，Node.js为我们提供了很多有用的工具和生态系统。
vue项目为什么需要依赖nodejs环境
专业大神之路
01-15 1242
Vue 项目需要 Node.js 环境的主要原因包括：使用 npm/yarn 管理依赖。使用 Vue CLI 创建和管理项目。启动本地开发服务器。打包生产环境代码。编译现代 JavaScript 特性。支持热更新和代码优化。依赖 Vue 生态系统的工具和插件。
node安装到脚手架创建（vue2 + vue3）
lwg112233的博客
12-04 961
1.下载Node.js node官网 https://nodejs.org/zh-cn/download/ ​ 2.系统环境变量的配置
vue-cli搭建脚手架(是需要有一定基础的,不包括node等安装)
qq_24612793的博客
08-30 669
1.cd到你要建立文件的目录下:npm install -g vue-cli(如果是淘宝镜像命令开头就都加c)  2.依赖webpack建立项目: vue init webpack 3.使用vscode打开文件,ctrl+~这个键调出命令行终端输入npm install 4.运行   npm run dev 饥渴...
从Nodejs安装到VUE脚手架安装项目运行
Chersresting
11-25 1687
文章中所有cmd都是用管理员权限打开的，防止出现文件夹访问权限问题！！！ 1.安装Nodejs 这一步一定要记住安装的路径！！后面要用到的 官网:Node.js 官网的所有历史版本:Previous Releases | Node.js 亲测win7最高支持版本v13.14.0 一般情况下最新的稳定版就可以（下图中的长期维护版） 2.配置Nodejs 进入node的安装路径 创建下图所示两个文件夹（ node_cache 和 node_global ） 用管理...
Node.js环境安装和Vue-cli脚手架构建过程
@李青龙的博客
06-28 1343
1. 前言Node.js简介Node.js 是一个开源的、跨平台的 JavaScript 运行环境，它允许开发者使用 JavaScript 编写服务器端代码。Node.js 基于 Google 的 V8 JavaScript 引擎构建，该引擎是 Chrome 浏览器中用于解析和执行 JavaScript 的核心组件。因此，Node.js 能够以接近原生的速度运行 JavaScript 代码。2. 准备工作检查系统要求（Windows、macOS 或 Linux）
前端开发：基于Node.js环境下的Vue脚手架安装与入门配置详解
最新发布
03-07
首先介绍了确保npm工具正常使用的方法，即通过正确安装并验证Node.js。其次，对Vue CLI做了深入剖析，包括安装流程及其功能特性介绍，比如通过CLI快速搭建工程、自动生成示例项目等功能。同时，文档还提供了具体的...
Vue开发必备：Node.js、NPM与VueCLI安装全攻略
2301_82300081的博客
01-21 1378
本文主要介绍了 Vue 开发环境的搭建步骤，重点围绕 Node.js、NPM 和 Vue CLI 的安装展开。Node.js 是基于 Chrome V8 引擎的 JavaScript 运行环境，可在服务端运行 JavaScript 程序，提升开发效率，需根据操作系统下载对应版本安装包进行安装。
Vue脚手架安装
l198738655的博客
03-22 515
Vue Cli脚手架环境需要先安装Node.js。安装完Node.js后，还需要安装npm依赖环境，npm依赖环境服务器下载速度比较悲剧，所以在国内最好用淘宝搭建的景象站来安装，在控制台中输入： npm install cnpm -g --registry=https://registry.npm.taobao.org 来安装淘宝的镜像cnpm。 就会自动安装cnpm。进度条走完后需要配置...
vue如何创建项目（需要先安装nodejs）
weixin_43488568的博客
04-04 981
vue的学习 1、vue的安装 vue2版本的安装npm install -g vue-cli ​ 卸载 npm uninstall -g vue-cli vue4版本的安装npm install -g @vue/cli ​ 卸载 npm uninstall -g @vue/cli 指定版本 如果是3.0以下 npm install -g vue-cli@版本号 如果是3.0以上 npm in...
[一些概念的前世今生]Vue-cli为什么一定要安装Node.js
热门推荐
weixin_40464680的博客
03-27 14万+
好烦，学了一下Vue结果用Vue-cli创建项目还要配置Node.js环境
vue为什么需要nodejs 的环境
weixin_43887780的博客
08-20 3868
一、JavaScript 传统的JavaScript是运行在浏览器上的，因为浏览器的内核分为两个部分 渲染引擎: 渲染html&&css JavaScript引擎：运行 JavaScript，随着技术的发展， Chrome 使用的 JavaScript 引擎是 V8，它的速度非常快且性能好，同时由2009年5月Ryan Dahl开发的Node.js 诞生。 二、什么是Node.js Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，运行在服务
安装nodejs和vue之后遇到的一些问题
xw486223221的博客
04-07 1326
1.下载nodejs安装包进行安装之后，在命令行里使用了如下几个命令： npm install -g cnpm -registry=https://registry.npm.taobao.org npm install -g vue-cli 2.而后创建好一个文件夹来新建项目： vue init webpack xxxx(项目名称) 注意这里项目名称不能使用大写，否则会出现错误 3.然后进入...
为什么Vue项目运行需要node.js运行环境，但是Vue项目打包后就不需要node.js运行环境
weixin_44090040的博客
10-11 1882
Vue项目在开发阶段需要Node.js环境，而在打包后不再需要Node.js环境的原因在于两者的工作内容不同。
Vue环境准备——nodejs, npm
qq_42757191的博客
03-12 1321
NodeJS安装及配置教程 首先到官网进行下载。 下载完成之后双击进行安装： 检查是否安装成功：
VUE3.0 一.安装node.js、vue3.0脚手架
Harry的博客
02-09 9357
VUE3.0 一.安装node.js、vue3.0脚手架 1.安装nodejs 首先去官网下载nodejs 查看npm和node版本，出现版本号即安装成功。 npm -v # 6.13.4 node -v # cv10.16.0 2.全局安装vue-cli3.0脚手架 1.全局安装 如果之前安装过 卸载之前的 没有安装过 直接执行下一步 npm uninstall -g vue-cli...
一、vue开发环境介绍-node.js的安装
TTDreamTT的博客
12-09 1250
概述 vue.js是现代前端开发中一个重要的流行框架，与Angular.js和React.js类似，提供了对html,js以及css的编译能力，同时提供了一个运行时的框架，用于组合组件化的调用方式，这与传统的在页面增加css和js，实现页面效果有很大的区别。 vue其实采用编译+底层框架的方式提供了对web开发的一个便利的措施，vue包含几个部分，第一，利用webpack为基础，开发了vue-loader，这个很牛x，是个编译器，把你写的vue的文件，编译成浏览器能识别的js和css。第二，从框架层面，提供
Javascript之Nodejs环境安装和基础入门【Vue框架前置基础】
AK Zzz的博客
11-25 621
如果你需要学习Vue框架,那么Nodejs框架前置是学习Vue框架之前必须了解的内容,这样也能够为你后续学习后续框架打下一定的良好基础.
Node.js与Vue脚手架环境配置全攻略
以上就是Node.js+Vue脚手架环境搭建的详细步骤，包括Node.js的安装、VueCLI的配置和项目创建。在实际操作中，根据自己的系统环境和需求进行相应的调整，确保所有步骤都能顺利执行，以便快速构建Vue.js开发环境。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值