windwos上vue开发环境搭建

最新推荐文章于 2024-10-17 20:58:50 发布
原创 最新推荐文章于 2024-10-17 20:58:50 发布 · 1.1k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #环境搭建 #前端

本文详细介绍在Windows环境下如何搭建Vue开发环境，包括Node.js、Webpack及Vue CLI的安装配置过程。

windwos上vue开发环境搭建

安装node

因为vue依赖于node，所以需要先安装node，具体方法如下：

  1. 下载和解压node

    • 下载node
      打开node下载页【点击跳转】，可以选择msi或者zip包安装方式，这里我选择zip的方式；
      注意选择LTS，并根据自己电脑情况选择32bit或者64bit版本，这里我选择64bit。
      node下载页
    • 解压zip包到一个自己指定的目录，这里我选择解压到D:\SW
      解压node

  2. 配置环境变量
    添加系统环境变量 NODE_PATH，路径为刚刚解压的路径，这里我的路径是：D:\SW\node-v16.18.0-win-x64
    注：快速打开系统环境变量设置win + R -> 输入sysdm.cpl -> ENTER键

最低0.47元/天 解锁文章
vue001——window环境下安装vue.js开发环境
weixin_45084986的博客
02-20 2381
一、npm: Nodejs下的包管理器。 打开CMD，检查是否正常 再看看另外2个目录，npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过，一使用缓存目录就生成了)，我们试图把这2个目录移动回到D:\node-v16.14.0-x64 然后运行以下2条命令 npm config set prefix “D:\node-v16.14.0-x64\node_global” npm config set cache “D:\node-v16.14.0-x64\n
Vue环境搭建
还是用“Hello World！”吧
08-16 3391
Vue.js的运行环境配置，主要分为三个步骤： 第一步：安装Node.js（JavaScript运行环境） 从node.js官网下载并安装node，默认点击下一步即可安装完。安装完成后打开cmd窗口，输入node -v，成功即会出现版本号。 第二步： 安装Vue.js 继续在命令行输入 npm install -g cnpm --registry=http://registry.npm.taob...
Vue2（七）：超详细vue开发环境搭建（win7），nodejs下载与安装，安装淘宝镜像（报错已解决），配置脚手架
m0_73560798的博客
03-19 3245
本来想粗略写一下的，但是搭建脚手架的时候，遇到了很多问题，浪费快两天时间，记录一下自己的解决办法希望对你们有帮助！
在Windows下搭建Vue开发环境
weixin_45899210的博客
04-11 3702
一、在Windows下搭建Vue开发环境 1.安装node.js node.js-v12.18.3 1.1. 安装流程 2.设置node的全局和缓存路径 2.1.新建文件目录 在安装目录中，如我的：C:\Program Files\nodejs，新建两个文件夹，分别是：node_cache（缓存）、node_global（全局） 2.2.设置缓存路径 win+r --> cmd --> npm config set cache "C:\Program Files\nodejs\node_
windows下搭建vue开发环境
热门推荐
wu__di的博客
01-08 4万+
Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。2016年，Vue同Angular、React形成三足鼎立的局面，让前端的开发者顾不暇接，今天我们就来了解一下Vue的环境搭建。 一、node.js安装 Vue项目通常通过webpack工具来构建，而we
Vue开发环境搭建的详细教程，图文并茂
11-29
### Vue开发环境搭建详解 #### 一、Node.js 安装与配置 为了开始使用Vue进行前端开发，首先需要确保你的计算机上安装了Node.js。本文档提供了详细的步骤指导你如何在Windows环境下安装Node.js。 - **安装Node.js*...
windows环境下vue开发环境搭建
lixinyao5281的专栏
03-24 1468
vue环境搭建 浏览器 chorme IDE:VS code 或者 WebStorm Node.js 8.9+ ,npm 先下载 node.js 然后安装 https://nodejs.org/en/ 下载了 windows版64位 node.js 安装 cmd 进入 dos 输入 node -v 检查 node 安装上没有 这样就已经是安装成功了，由于在国内使用...
windows下vue.js开发环境搭建教程
12-10
经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。废话不多说了，把我踩过的坑，在这里跟大家说说，希望对初学者有所帮助。ps：高手请绕道。 既然是入门...
Vue开发环境搭建
PROHATE的专栏
07-31 532
vue开发环境搭建说明。
Windows下搭建VUE开发环境
最新发布
yjkhtddx的专栏
10-17 2885
VS Marketplace 链接: https://marketplace.visualstudio.com/items?VS Marketplace 链接: https://marketplace.visualstudio.com/items?使用npm配置缓存和全局安装路径(注：配置环境变量时已经配置全局安装路到Path)环境变量，设置成nodejs的安装路径，我的是。我使用的是腾讯云镜像站。
Windows下VUE环境搭建
kaijkl的博客
09-03 573
一.Node安装 首先，我们需要安装一个Node环境，就好比如你开发Java要安装一个JDK环境一个道理。项目的初始化、打包等都需要用的Node环境，Mac、Windows都有。Node下载地址 安装直接全部点击下一步最后完成安装 安装结束后打开cmd命令窗口 输入以下命令验证是否安装成功。 node -v npm -v 安装成功后,在cmd命令窗口使用如下命令安装npm的国内镜像cnmp npm install -g cnpm --registry=http://registry.npm.
windows搭建vue开发环境
小哥骑单车
06-24 2782
3、安装淘宝镜像(cnpm) npm install cnpm -g --registry=https://registry.npm.taobao.org。参考你的项目需要运行java一样，配置JAVA_HOME这些；然后创建项目（或者使用类似vue create my-project命令创建项目，命令:cnpm install @vue/cli -g(最新版本)//cnpm install vue-cli -g(不是最新版本)输入npm install vue -g。2、安装好后，配置环境变量。
windows环境搭建Vue开发环境安装
tanksyg的专栏
04-15 415
windows环境搭建Vue开发环境安装 一、安装node.js（http://nodejs.cn/download/） 下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。 二、设置nodejs prefix（全局）和cache（缓存）路径（可以不设置） 1、在nodejs安装路径下，新建node_global和node_cache两个文件夹 2、设置缓存文件夹 ...
windows环境搭建Vue开发环境
架构师的成长之路的博客
04-18 866
1、安装node.js（https://nodejs.org/en/） 下载后安装node，D:\install\nodejs\ 设置缓存文件夹 npm config set cache "F:\vueProject\nodejs\node_cache" npm config set prefix "F:\vueProject\nodejs\node_global" 基于 Nod...
Vue环境配置（Windows）
傲雪星火的博客
08-09 2853
PS：cnpm是由淘宝NPM镜像提供的一个npm的镜像服务客户端，用于在中国大陆地区加速npm包的安装，因为直接使用npm在国内有时候会比较慢。它使用了Vue团队推荐的最新项目模板，提供了一种无需全局安装Vue CLI的方式来创建Vue项目，更加简单快捷。vue的使用需要以node.js为前提，如果您的电脑上已经安装了node.js，可直接跳过这一步。现在，你就成功创建了一个你自己的Vue项目模板， 你可以按照自己的想法对各个模块进行修改。初次创建时，会询问我们是否下载对应的依赖项，我们输入y后回车即可。
windows下搭建Vue开发环境
yxhxj2006的专栏
12-27 386
一、安装node.js 1、根据地址，下载免安装版本，并解压如下 https://nodejs.org/en/download/ 2、配置变量，先将路径修改为：D:\workset\feset\nodejs 1）在D:\workset\feset\nodejs下新建文件夹node_cache和node_global 2）新建系统变量，并将其添加到PATH下 a）NODE_PATH：D:\workset\feset\nodejs（任意目录下可使用npm、node等命令） b）NODE_GLOBAL：D:\wo
Window环境搭建Vue开发环境
trabecula_hj的博客
09-15 950
Window环境搭建Vue开发环境。
配置vue环境
qq_39015306的博客
05-22 910
配置vue环境 windows环境搭建Vue开发环境 一、安装node.js（https://nodejs.org/en/）下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。 二、设置nodejs prefix（全局）和cache（缓存）路径1、在nodejs安装路径下，新建node_global和node_cache两个文件夹2、设置缓存文件夹npm config set cache “D:\vueProject\nodejs\node_cache”　设置全局模块存放路径npm config
Windows搭建vue环境
愿历尽千帆，仍保持最初的热爱，奔赴每一场山海，一如既往鲜活而明亮~
02-17 863
前言   vue.js是一套构建用户界面的渐进式框架，其目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 vue.js安装   1.从官网上下载后直接通过<script></script>标签引入。   官网地址：vue官网，我引用的是开发版本，与生产版本相比，开发版本包含完整的警告和调试模式。   2.直接链接到CDN，也可以进行访问。 &
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值