windows创建vue项目

最新推荐文章于 2025-06-27 11:00:42 发布
原创 最新推荐文章于 2025-06-27 11:00:42 发布 · 714 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#web #vue

本文详细介绍了如何使用vue-cli脚手架快速搭建Vue项目，并进行依赖安装与项目运行。从命令行工具的使用到项目初始化，再到依赖安装及项目启动，一步步引导读者完成Vue项目的搭建流程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  • cmd打开切换到自己的项目工作空间，安装vue-cli,vue脚手架
    输入命令：cnpm i -g vue-cli
    在这里插入图片描述
    测试安装成功与否: vue –V
    输出了版本号，表示安装成功
    在这里插入图片描述

  • 安装项目：
    使用脚手架安装项目：
    进入项目目录
    输入命令：vue init webpack demo1 （demo1为项目名称）

  • 接下来会有一些项目上的相关选项，根据需要选择
    在这里插入图片描述

  • 新建成功之后，需要进入新建的项目demo1下面，安装依赖 cnpm install
    在这里插入图片描述
    在这里插入图片描述

  • 运行项目 cnpm run dev

在这里插入图片描述
在这里插入图片描述
浏览器访问http://localhost:8080
在这里插入图片描述

搭建 vue项目（Windows + 命令行 + vsCode）
nan961136007的博客
11-30 1246
1.win键 + R ，输入CMD打开命令行。 2.输入node -v 查看node.js是否安装，如果输出版本号，则进行下一步，否则安装node.js。 下载地址：https://nodejs.org/en/，一路傻瓜式安装就可以了。 输入npm -v 查看npm命令是不是安装成功，出现版本号则代表成功，和node一样。 3.使用淘宝镜像，输入npm install -g cnpm –registry=https://registry.npm.taobao.org，时间可能会有点长，耐心等待一会儿吧。
手把手教你创建并启动一个Vue3项目（Windows版）
徐泗空的博客
06-19 6216
1、因为npm的资源默认采用国外的，国内执行对应的安装口令会比较慢，所以我们可以把npm资源切换到国内，这样安装框架的速度就会提升。4、验证安装npm是否成功，npm是Node中自带的打包工具，输入npm -version，输出npm版本号即表示安装成功。2、最后如上图显示，我们就完成我们VUE脚手架的安装了，我们在命令窗口用口令查看当前脚手架版本。
windows 下创建vue项目
三千
04-10 454
1.首先第一步检查自己电脑上是否有node.js 打开cmd窗口 输入node -v 看看有没有输入node版本号 没有安装node.js 请自行安装node.js 2.检查npm管理包 npm是集成在node中的 输入npm -v 3.安装cnpm，由于npm有些资源被屏蔽，有些是国外资源 ，这里安装cnpm国内镜像输入命令 npm install -g cnpm --regi...
[特殊字符] Windows下Vue CLI环境搭建全记录（含避坑指南）
最新发布
2201_75436433的博客
06-27 862
推荐下载LTS版本，双击安装包按默认设置完成安装（新手推荐msi,会自动配置环境，不需要自己配置）⭐运行npm -v提示系统上禁止运行脚本，需要启动临时启用脚本执行权限，在 ​。⭐会显示以下路径之后在输入npm -v就能看到自己的版本号说明安装成功。验证安装（打开终端输入一下代码，如果出现了版本号说明已经下载成功了）官网下载地址：https://nodejs.org/# 输出：@vue/cli 5.0.8。报以下错误则看以下⭐，没有则跳过。# 将npm全局目录加入环境变量。# 1. 临时启用脚本执行权限。
Windows系统使用命令提示符创建Vue3项目
任亚兵
03-30 326
1.在要创建的文件中输入 cmd。1.安装完成node.js。一个vue3的项目就做好了。5.输入项目名称等内容。6.一路选No 并回车。
windows下搭建Vue环境，以及新建vue项目
weixin_44442366的博客
07-15 297
1:先下载安装nodejs 官网地址https://nodejs.org/en/，安装成功后查看版本node -V, npm-V 2：终端输入命令 npm install -g @vue/cli 进行vue-cli最新版本的安装,安装成功可以查看当前版本,vue -V 3:安装成功后可以新建项目啦,新建命令:vue create vue-demo, //vue-demo是项目名称 然后选择安装方式 default是默认创建,这里我们选择第二个自定义选择安装 我这里选择了一个Router(路由)
VS code上创建Vue项目详细化教程2-配置并创建Vue项目
Charles_Clark的博客
06-06 4715
VS code上创建Vue项目详细化教程2-配置并创建Vue项目
第一次创建vue项目
01-08
自动找到了vue所在，创建就可以 3：打开后显示package.json,yarn run 等它安装，下面会有进度条（等待） 安装完成的文件夹 4：启动 右上角配置一下 点击 本地打开就可以了 或者在terminal控制台用 npm run dev...
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
接下来，我们将详细探讨如何使用Vue CLI创建Vue项目。 **一、安装Vue CLI** 在开始之前，确保你的计算机上已经安装了Node.js，因为Vue CLI是基于Node.js的。你可以通过运行`node -v`检查是否已安装。如果没有，你...
Windows下创建Vue项目教程
weixin_44669966的博客
01-21 1176
1. 安装node.js https://nodejs.org/en/download/ 选择对应系统的node可执行文件 安装完成后，打开cmd 输入node -v 输入npm -v 都正常输出版本就可以进行下一步啦???? 2. 安装vue 使用npm去安装vue的话也可以，但是安装速度较慢，使用国内源镜像安装较快（所以这一步不是必须的） 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 安装vue-cli脚
Windows下创建Vue工程步骤
liubangbo的专栏
02-23 345
文章转自：https://www.cnblogs.com/liluxiang/p/9592003.html 一、使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个...
Window环境搭建Vue开发环境
trabecula_hj的博客
09-15 916
Window环境搭建Vue开发环境。
在windows上创建一个Vue项目
languageStudent的博客
04-06 448
首先，我们需要确保我们的电脑上存在node和npm。 如果没有，请前往node.js官网下载 node.js官网 查看方法是否已安装方法 node -v #查看版本信息 npm -v 如图，出现版本信息表示已安装 1、使用阿里云淘宝的镜像安装模块 npm install -g cnpm --registry=https://registry.npm.taobao.org 2、安装vue-cli cnpm install vue-cli -g 3、查看vue是否安装成功 vue lis
Windows下vue环境搭建及第一个项目
小羽毛的博客
03-20 765
一、环境说明 系统：Windows； 开发工具：IDEA。 二、安装nodejs 第一步：下载nodejs 下载地址：https://nodejs.org/en/，进入后选择下图中红色标记的位置，点击下载。 第二步：安装nodejs 安装的过程很简单，可以都点击Next。 第三步：检查nodejs是否安装成功 安装完成后，进入CMD中输入命令node -v，如下图所示。显...
Windows下搭建VUE开发环境
yjkhtddx的专栏
10-17 2749
VS Marketplace 链接: https://marketplace.visualstudio.com/items?VS Marketplace 链接: https://marketplace.visualstudio.com/items?使用npm配置缓存和全局安装路径(注：配置环境变量时已经配置全局安装路到Path)环境变量，设置成nodejs的安装路径，我的是。我使用的是腾讯云镜像站。
Vue环境配置（Windows）
傲雪星火的博客
08-09 2736
PS：cnpm是由淘宝NPM镜像提供的一个npm的镜像服务客户端，用于在中国大陆地区加速npm包的安装，因为直接使用npm在国内有时候会比较慢。它使用了Vue团队推荐的最新项目模板，提供了一种无需全局安装Vue CLI的方式来创建Vue项目，更加简单快捷。vue的使用需要以node.js为前提，如果您的电脑上已经安装了node.js，可直接跳过这一步。现在，你就成功创建了一个你自己的Vue项目模板， 你可以按照自己的想法对各个模块进行修改。初次创建时，会询问我们是否下载对应的依赖项，我们输入y后回车即可。
Vue3 环境搭建与项目创建全流程指南（2025 Windows版）
weixin_74750308的博客
04-10 1910
本文详细介绍了在 Windows 系统上安装 Vue.js 的完整流程，包括 Node.js 的安装与配置、环境变量设置、阿里云镜像的使用以及 Vue CLI 的安装。通过使用阿里云镜像加速包管理，显著提升了安装效率。文中还提供了常见问题的解决方案，确保读者能够顺利搭建开发环境并运行首个 Vue.js 项目。无论是初学者还是有一定基础的开发者，都能通过本教程快速掌握 Vue.js 的安装与配置，开启高效开发之旅。
vue-cli 3.x window系统创建vue项目
weixin_42385932的博客
12-18 225
1、下载node.js 这个比较简单，直接官网下载安装 2、先下载淘宝镜像，不然下载vue.cli很慢 ，我用的是phpstorm，自动提示我用淘宝镜像才知道这玩意（这里自行百度操作，我查到的是npm install --registry=https://registry.npm.taobao.org） 3、下载vue.cli，命令 npm install -g @vue/cli （注意：vue...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值