windows下Vue安装教程（超级详细，一些细节坑）

最新推荐文章于 2024-08-09 19:22:24 发布
最新推荐文章于 2024-08-09 19:22:24 发布
阅读量2.7k 收藏 7
点赞数 2
分类专栏： 实用 文章标签： vue npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43896253/article/details/116143031
版权
本文档提供了一份详尽的Vue在Windows操作系统上的安装教程，涵盖了从安装Node.js到解决npm警告，以及通过vue-cli创建项目的全过程。过程中提到了安装Python 2.x的要求，配置环境变量，解决npm警告等问题，最终成功启动项目并展示在8080端口。
摘要由CSDN通过智能技术生成

Vue安装教程（超级详细，一些细节坑）

1、安装Node.js

在这里插入图片描述
注意如果你是linux安装的话，需要安装python2.6或者2.7版本的，不建议安装python3.0以上的。

2、在这里插入图片描述
2.
在这里插入图片描述
3.
在这里插入图片描述
4.
在这里插入图片描述
5、
在这里插入图片描述
6.
在这里插入图片描述
7、
在这里插入图片描述
8、下面看path环境变量中是否配置了Node.js,在cmd中输入path（因为之前我安装在D盘了，所以我从D盘里面找的）

最低0.47元/天 解锁文章
是老哥吧
关注
专栏目录
关于VUE.JS
m0_57823924的博客
07-12 651
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
Windows下安装Vue
踏雪无痕
05-10 3508
一.下载安装包 前往Node.js官网下载：添加链接描述 下载如下： 双击执行安装，指定安装路径： 默认按安装全部组件： 安装成功： 二.设置nodejs prefix（全局）和cache（缓存）路径 1.在nodejs安装路径下，新建node_global和node_cache两个文件夹 2.设置缓存文件路径和全局模块存放路径 三.基于 Node.js 安装cnpm（淘宝镜像） 四.设置环境变量 设置环境变量可以使得在任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径 1.鼠标
Windows下安装vue开发环境
一只小木头的博客
10-19 591
windows下安装vue开发环境 1、安装npm 官网node进行下载 Node.js 是一个开源与跨平台的JavaScript 运行时环境。 2、检测nodejs安装 当执行完上步安装包安装后，需要进行安装是否成功，win+r打开运行，输入cmd后进入命令行界面。分别输入node -v和npm -v命令进行node的版本号和npm的版本号的查看。 安装完后的目录如下图所示 3、配置npm安装全局模块路径与缓存路径 NPM是随同NodeJS一起安装的包管理工具 一般，在进行npm install
Vue环境配置（Windows）
最新发布
qq_63978748的博客
08-09 975
PS：cnpm是由淘宝NPM镜像提供的一个npm的镜像服务客户端，用于在中国大陆地区加速npm包的安装，因为直接使用npm在国内有时候会比较慢。它使用了Vue团队推荐的最新项目模板，提供了一种无需全局安装Vue CLI的方式来创建Vue项目，更加简单快捷。vue的使用需要以node.js为前提，如果您的电脑上已经安装了node.js，可直接跳过这一步。现在，你就成功创建了一个你自己的Vue项目模板， 你可以按照自己的想法对各个模块进行修改。初次创建时，会询问我们是否下载对应的依赖项，我们输入y后回车即可。
Windows下--VUE安装
白舟的博客
08-10 576
**安装VUE前得先把node.js安装好， 安装完node.js之后，npm也会自动安装** ** 一，在文件夹中建立一个project ** 在此文件夹下进入cmd检查node.js是否安装好 命令：node -V npm -V 二. 全局安装脚手架工具vue-cli 命令：npm install --global vue-cli 三. vue项目初始化命令如下，若没有安装webpack，则先安装webpack npm install -g webpack vue init
Windows安装vue
w_rcss的博客
03-29 2409
Vue 安装 下载安装包： https://nodejs.org/en/download/ ，安装 cmd测试 C:\Users\w_rcss>node -v v16.14.2 C:\Users\w_rcss>npm -v 8.5.0 安装路径下创建node_global（默认安装目录）,node_cache（缓存日志目录） 安装路径：D:\Environment\node 缓存日志路径：D:\Environment\node\node_cache 默认安装路径：D:\Enviro
window下安装vue
小+
04-19 1164
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 先来看看怎么安装吧
windows搭建vue开发环境
小哥骑单车
06-24 2180
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、安装好后，配置环境变量。
pycharm导入jieba包_一份超级完整实用的PyCharm图解教程，赶紧收藏起来
weixin_39581652的博客
10-19 1730
PyCharm 是一种 Python IDE，可以帮助程序员节约时间，提高生产效率。那么具体如何使用呢？本文从 PyCharm 安装到插件、外部工具、专业版功能等进行了一一介绍，希望能够帮助到大家。在本文中，我们并不会提供非常完善的指南，但是会介绍 PyCharm 最主要的一些能力，了解这些后，后面就需要我们在实践中再具体学习了。本文将介绍：PyCharm 安装在 PyCharm 中写代码在 Py...
jSearch：jSearch（聚搜）是一种专注内容的chrome搜索扩展，一次搜索聚合多平台内容
01-28
安装：现在Windows上已经基本不支持拖进去安装的方法了，可以直接从此教程的第6步开始： ://jingyan.baidu.com/article/e5c39bf5cc39cc39d76033cd.html 更新： 1.下载新版本插件2.解压并覆盖原插件文件夹3.到插件...
前端工程化＜npm、cnpm、yarn、npx、pnpm等包管理工具＞
m0_51431448的博客
10-25 2533
平时工作中，像npm、cnpm、yarn等一些工具都是经常经常用的，但可能对里面的一些细节都没太在意，所以这篇就来总结一下加深印象和理解。另外还有pnpm的原理及使用，以及它的优势
vue001——window环境下安装vue.js开发环境
weixin_45084986的博客
02-20 2102
一、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
Windows安装Vue
m0_46267097的博客
04-16 219
Windows安装Vue搭建Node.js开发环境下载安装设置nodejs prefix（全局）和cache（缓存）路径基于 Node.js 安装cnpm设置环境变量安装Vue安装vue命令行工具，即vue-cli 脚手架创建新项目 搭建Node.js开发环境 下载 下载地址：https://nodejs.org/en/ 安装 设置nodejs prefix（全局）和cache（缓存）路径 ...
windows下搭建vue开发环境
热门推荐
wu__di的博客
01-08 4万+
Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。2016年，Vue同Angular、React形成三足鼎立的局面，让前端的开发者顾不暇接，今天我们就来了解一下Vue的环境搭建。 一、node.js安装 Vue项目通常通过webpack工具来构建，而we
windows系统搭建VUE环境(vue-cli4)
dreamingbaobei的博客
03-26 4373
第一步:node环境安装 第二步:node环境检测 第三步:设置nodejs的global和cache路径 第四步: 配置PATH环境变量 第五步: vue-cli脚手架安装 第六步: 创建一个项目hello-world 第七步: 修改默认端口
windows10安装vue.js
stay hungry stay foolish
05-18 2863
背景 最近做项目，要求前后端分离，前端用的vue.js，后端用的springboot 上官网，各种网站找的方法老安装不上，决定自己写一个，强调用的window上面的cmd,不是git 步骤： 进入指定目录 node -v npm -v cnpm是淘宝的一个镜像，安装它 npm install -g cnpm –registry=https://regist...
windows安装vue
hxjcsdn的博客
08-21 1579
1. node.js下载地址: https://nodejs.org/en/ 2. 下载安装,选择本地安装地址,其余全部 'next' 3. 设置文件缓存位置, 执行 npm config set cache "D:\Nodejs\node_cache" 4. 设置全局模块存放路径, 执行 npm config set prefix "D:\Nodejs\node_global...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值