windows下安装vue.js

最新推荐文章于 2024-05-06 08:30:25 发布
最新推荐文章于 2024-05-06 08:30:25 发布
阅读量283 收藏
点赞数
分类专栏： Vue.js 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/longlong6682/article/details/106420242
版权

一、使用之前，我们先来掌握3个东西是用来干什么的。

  • npm: Nodejs下的包管理器。
  • webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。
  • vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）
    在这里插入图片描述
    下载推荐给绝大部分用户使用的那个

在这里插入图片描述
一路点Next
在这里插入图片描述
在这里插入图片描述
打开CMD，检查是否正常
在这里插入图片描述
在这里插入图片描述
cnpm是淘宝的一个镜像，安装它：

npm install -g cnpm –registry=https://registry.npm.taobao.org

在这里插入图片描述
安装vue-cli：
这个时候用cnpm可能会出现：不是内部或外部命令可以参考：我这篇博客.

cnpm install -g vue-cli
vue -v

在这里插入图片描述
新建项：

vue init webpack vue-demo

在这里插入图片描述
安装依赖：

cd vue-demo
cnpm install

在这里插入图片描述
运行： cnpm run dev 就OK了
在这里插入图片描述

longlong6682
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue下载配置---32位win7
Vison_的博客
12-26 517
https://www.jb51.net/article/146689.htm 配置
【CSDN软件工程师能力认证学习精选】vue.js 三种方式安装(vue-cli)
CSDN高校俱乐部官方博客
02-26 2146
CSDN软件工程师能力认证（以下简称C系列认证）是由中国软件开发者网CSDN制定并推出的一个能力认证标准。C系列认证历经近一年的实际线下调研、考察、迭代、测试，并梳理出软件工程师开发过程中所需的各项技术技能，结合企业招聘需求和人才应聘痛点，基于公开、透明、公正的原则，甑别人才时确保真实业务场景、全部上机实操、所有过程留痕、存档不可篡改。 我们每天将都会精选CSDN站内技术文章供大家学习，帮助大家系统化学习IT技术。 Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web .
Vue介绍及安装
最新发布
m0_69124593的博客
05-06 1054
Vue.js（通常简称为Vue）是一个用于构建用户界面的渐进式JavaScript框架。它旨在通过简洁的API实现响应式的数据绑定和组合的视图组件。Vue的核心库专注于视图层，使得它易于与其他库或已有项目整合。响应式数据绑定：Vue的核心特性之一是其自动追踪依赖的响应式系统。当数据发生变化时，视图会自动更新。这使得开发者可以专注于编写声明式的视图，而不需要手动处理DOM更新。组件化：Vue允许你将界面拆分为可复用的组件，每个组件都包含自己的HTML模板、JavaScript代码和CSS样式。
学习笔记|Vue入门笔记—Vue安装详细教程
Jum的博客
03-14 8994
1. 创建项目（最好在cd到D盘、E盘的某个位置，即项目的路径，否则项目会新建在C:\Users\用户名\，也可以直接在想要的项目路径下输入cmd）可能会出现权限问题，所以我们还是以管理员运行。4、然后安装到这一步的时候有五组选项，就是安装的时候会安装一些组件和npm，同时会添加环境变量，具体点击每一个的时候右侧有说明。其中-g是全局安装，指安装到global全局目录去，如果不加-g，模块就会安装到当前路径下的node_modules文件夹下，没有目录则自动创建。选择【Next】，然后继续下一步。
vue安装详细步骤
qq_42680327的博客
10-11 5928
vue安装详细步骤
2023最新最全 Vue 安装与配置入门教程(非常详细)，从零基础入门到精通，看完这一篇就够了！！！
logic1001的博客
11-25 9407
网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…网上虽然也有很多的学习资源，但基本上都残缺不全的，这是我自己录的网安视频教程，上面路线图的每一个知识点，我都有配套的视频讲解。
Vue.js和node.js安装包(windows下64位)
01-03
在Windows环境下安装Vue.js和Node.js，首先需要下载对应的安装包。对于Node.js，访问官方网站下载适用于64位Windows系统的安装程序，运行并按照向导提示进行安装。安装过程中可以自定义安装路径，同时可以选择是否将...
windows下vue.js开发环境搭建教程
10-20
Vue.js是一种流行的前端JavaScript框架，尤其在Windows环境下搭建Vue.js的开发环境对于初学者来说可能会遇到一些挑战。本文将详细讲解如何在Windows操作系统上搭建Vue.js的开发环境，包括必要的工具和步骤。 首先，...
手把手搭建安装基于windows的Vue.js运行环境
12-10
Vue.js 是一套构建用户界面的渐进式框架。他自身不是一个全能框架——只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用...
vue.min.js
06-17
Windows下解压缩后就能使用了。vue.min.js----vue.min.js---vue.min.js----vue.min.js---vue.min.js----vue.min.js---Windows下解压缩后就能使用了。Windows下解压缩后就能使用了。Windows下解压缩后就能使用了。
Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）
热门推荐
逆境清醒的博客
03-19 5万+
Vue3安装配置、开发环境搭建（图文详细），一、vue的主要安装方式，二、node.js安装和配置，三、npm 安装vue 和脚手架、webpack模板，四、打开Vue 项目管理器，五、创建运行 vue 3 项目，六、使用TypeScript进行开发 Vue3 的代码，七、vue及组件的卸载，八、vue项目结构，九、Vue 安装过程中遇到的问题记录
Vue安装步骤
m0_46252893的博客
03-17 3321
Vue安装步骤
windows下vue.js的安装与配置
y1512803764的博客
09-26 1306
windows下vue.js的安装与配置 下载及安装 1.1、node的安装及配置使用vue.js开发web前端时，需要用到node的包管理工具npm，所以需要先安装node。这里贴出node官网，下载完成后安装即可。安装完成后，在命令行（CMD命令行）中打出node -v，如果显示node的版本号则安装成功。node -v接下来在命令行中打出npm -v ，检查npm是否正常安装，npm是no
windows系统部署安装vue.js的详细步骤
xingchen678的博客
09-06 1871
在网上找了几个，没有自己完整想要的，总是有一些地方不清楚或者没有，多方面查找，最终集合起来了。如下： 既然是入门实例，那肯定从最基础的开始了，希望初学者们耐心看下去。首先，列出来我们需要的东西：  node.js环境（npm包管理器） cnpm  npm的淘宝镜像  vue-cli 脚手架构建工具 安装node.js 从node.js官网下载并安装node，一般我们wi
windows下安装vue
781193278专栏
06-26 684
原文转载：http://www.itwendao.com/article/detail/349480.html（写的非常详细，很受用） 参考文档：http://cn.vuejs.org/（官方文档） 安装步骤： 1.安装node.js的Windows版本，https://nodejs.org/en/download/(点击下载node.js) Node.js下载页面
windows7 搭建Vue 开发环境
zhouzhiwengang的专栏
04-22 1万+
第一步：node.js 安装 vue的安装依赖于node.js,要确保你的计算机上已安装过node.js。可进入cmd编辑器，输入命令 node -v进行查看。node尽量要用新一些的版本，否则后续安装会提示node版本过低。去node官网下个新版的node重新安装就可以。如已成功安装node会出现如下： 第二步：淘宝cnpm 安装 npm install -g cnpm --re
windows 环境安装vue.js
qq_44846752的博客
08-11 150
1、首先安装node.js， 命令行输入node -v验证是否安装成功。 2、命令行输入：npm install -g cnpm --registry=https://registry.npm.taobao.org。 cnpm比npm速度更快。 注：输入cnpm 如果提示，无法识别，则需要配置cnpm的环境变量，将cnpm对应的路径配置到系统变量path里 3.安装vue： cnpm install vue-cli -g 验证是否安装成功：vue -V 创建vue项目： 在命令行里输入命令：vu
Vue环境搭建（Windows下搭建Vue.js）
Mr_ChenXu的博客
01-14 2136
一·、Node.js(Windows下安装) 1]:下载地址：https://nodejs.org/en/ 2]: 当然是下载最新版咯， 3】获取cnpm 查看网上个教程都说淘宝的npm速度快 所以使用如下命令：npm install -g cnpm --registry=https://registry.npm.taobao.org4】安装Webpackcnpm install webpa
windows下vue-cli及webpack 构建网站(一)环境安装
安树的博客
11-21 2万+
1、安装node.js，Node.js安装包及源码下载地址为：https://nodejs.org/en/download/。 2、安装npm，由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下，出现版本提示表示安装成功: $ npm -v 3.10.8 如果你安装的是旧版本的 npm，可以很容易得通过
window系统上安装 Vue.js
07-12
要在Windows系统上安装Vue.js，你可以按照以下步骤进行操作： 1. 首先，确保你已经安装了Node.js。你可以在命令行中输入以下命令来检查是否已安装： ``` node -v ``` 如果没有安装Node.js，请前往Node.js官方网站（https://nodejs.org/）下载并安装最新版本。 2. 打开命令提示符（或PowerShell）并输入以下命令来安装Vue的脚手架工具（Vue CLI）： ``` npm install -g @vue/cli ``` 3. 安装完成后，你可以使用以下命令来创建一个新的Vue项目： ``` vue create my-vue-app ``` 这将会在当前目录下创建一个名为`my-vue-app`的Vue项目。 4. 进入到新创建的项目目录中： ``` cd my-vue-app ``` 5. 最后，使用以下命令来启动Vue开发服务器： ``` npm run serve ``` 这将会启动一个本地开发服务器，并在默认情况下将你的Vue应用程序运行在`http://localhost:8080/`。 现在，你已经成功在Windows系统上安装了Vue.js，并创建了一个新的Vue项目。你可以开始开发你的Vue应用程序了！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值