windows 安装node和创建Vue项目

最新推荐文章于 2024-02-27 11:04:00 发布
最新推荐文章于 2024-02-27 11:04:00 发布
阅读量196 收藏
点赞数
文章标签： windows vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/OneForYou97/article/details/120542139
版权
本文详细介绍了在Windows 10 64位系统中如何安装Node.js，包括从官方地址下载安装程序，通过CMD验证Node版本。接着，文章讲解了配置npm镜像，安装vue-cli脚手架，以及使用vue-cli初始化Vue项目的过程，包括检查Vue版本和运行开发模式的方法。最后提到了项目打包的命令是`cnpm run build`。
摘要由CSDN通过智能技术生成

1、查看本机系统版本：我的电脑-右键属性

是windows10 64位操作系统，node下载地址如下 ：https://nodejs.org/en/download/

2、下载对应的安装程序

最低0.47元/天 解锁文章
OneForYou97
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
最新windows下正确安装node.js + vue-cli （踩坑）
weixin_45020617的博客
09-19 1155
1.下载安装包 http://nodejs.cn/download/ 2.安装 基本就是下一步下一步 3.接下来配置 Windows下的Nodejs npm路径是appdata，担心安装的node_modules越来越多，导致C盘满，所以将node_modules安装的默认目录修改一下。 在安装目录下新建两个文件夹node_cache / node_global 在安装目录中找到node_modules\npm.npmrc文件 修改为： #prefix=${APPDATA}\npm pr
第一次创建vue项目
01-08
1: windows+r 运行npm list -g，查看npm是否有安装（需要等一会） 已安装，可能是新建空项目npm install 的， 2：打开webstorm，new vue 自动找到了vue所在，创建就可以 3：打开后显示package.json,yarn run 等它...
小白windows下载安装node+vue
努力努力再努力
09-18 2103
最近用到了vue需要搭建nodejs和脚手架很麻烦昨天一下午加上今天一上午踩了很多坑终于弄好了把步骤总结了一下分享给大家。。。衷心的祝大家少踩坑。。这篇只是搭建环境需要用vscode来开发如果有错误可以跟我说 **下面开始======** 1、node官网下一个node.js 64-bit 的安装包https://nodejs.org/en/download/ 2、安装 使用默认安装就...
windows+node+vue
CocoaJerry的博客
11-02 259
一、环境 1、os：win10 2、node：node-v12.5.0-x64 3、npm：6.9.0 4、vue：2.9.6 5、WindowsPowerShell 二、安装提示 1、环境检测 ->npm-v【版本确认】 ->npmconfiglist-l【环境配置】 ->npmlist-g-depth0【已安装组件...
Windows安装node.js及Vue脚手架
zyc-mars
11-15 284
1、下载安装包，注意：v12.16.2以上版本不支持win7系统 win7：https://nodejs.org/download/release/latest-v12.x/ 其他：可下载最新版本 建议使用msi包安装，不用配置其他环境。 2、检验安装，win键+r打开CMD窗口 ...
【Vue+NodeJS】vue路由及NodeJS环境搭建（Windows版）
无法自律的人的博客
09-20 1281
Node.js是一个基于Chrome V8引擎构建的JavaScript运行时环境使用了一个事件驱动、非阻塞式I/O 的模型；可以让JavaScript在服务器端运行，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。相对于传统的JavaScript运行环境（如浏览器），Node.js具有以下特点：事件驱动：Node.js使用事件驱动的非阻塞I/O模型，使得在处理大量并发请求时效率更高。单线程。
Vue 安装 vue-cli 脚手架 & 创建 vue 项目
01-06
windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本 切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config ...
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
接下来，我们将详细探讨如何使用Vue CLI创建Vue项目。 **一、安装Vue CLI** 在开始之前，确保你的计算机上已经安装了Node.js，因为Vue CLI是基于Node.js的。你可以通过运行`node -v`检查是否已安装。如果没有，你...
创建项目时VUE报错的解决办法
02-25
- 确保本地开发环境已安装最新版本的Node.js和npm。 - 清理npm缓存：可以尝试执行`npm cache clean --force`命令来清理缓存并重新尝试项目创建。 - 检查网络连接状态，确保能够正常访问互联网或内部依赖服务。 #...
pycharm新建Vue项目的方法步骤(图文)
12-20
在PyCharm中创建一个新的Vue.js项目，你需要遵循一系列...希望以上步骤对你在PyCharm中创建Vue项目有所帮助。如果需要更多关于Vue-CLI项目在PyCharm中的配置方法，可以查阅相关的技术文章或文档，以便深入学习和实践。
Windows系统安装nodejs，和webpack的结合，搭建Vue项目
xieqian0204的博客
02-28 1581
1、打开node.js官网，下载Windows包，在电脑上安装，这个下载包的时候 注意和自己所做的系统和电脑进行匹配，如图： 2、使用WIN+R快捷键打开cmd，查看是否安装成功； 输入命令：node -v   查看nodejs版本号,如果出现了版本号，说明安装成功； 输入命令：npm -v   查看npm版本号,如果出现了版本号，说明安装成功； 3、安装cnpm  node环境已经安...
在Windows中安装node、vue和git
smell201611010513的博客
09-29 167
1.安装node 方式一：在node官网中，如下图直接下载 方式二：安装nvm 在Windows上访问如下网址nvm下载地址。安装nvm的好处是可以在本地下载多个node版本，并且可以使用【nvm use 已存在的node版本】来使用node的版本。（主要适用于公司的多个项目的适配） 2.安装vue 在安装好node后，可以通过node -v和npm -v查看node和npm的版本， 然后我们通过如下指令来安装vue脚手架 npm install --global vue-cli..
windows下node和vue安装配置
https://gitee.com/hello-piper/PiperChat
09-25 427
下载 http://nodejs.cn/download/ 选择windows的zip压缩版本版本 这里使用zip版本配置 解压 配置 将解压出来的根目录配置到系统变量里就行了 保存后，打开cmd看是否配置成功 输入node -v，npm -v应该有版本号，就说明配置成功了 这个时候还要替换默认的npm包为淘宝的npm 输入：npm install -g cnpm --registry=htt...
win系统下安装node、npm、vue（保姆级教程）
光头强
06-08 661
一、安装node.js 1、Node.js 官方网站下载：https://nodejs.org/en/ 2、点击下载后，安装对应下载软件（基本都是一路next）有几处是可以改安装位置，建议别安装在系统盘。下图这里修改为自己的位置，我的位置是：D:\nodejs 另外这里要注意一下，该过程是会直接添加到系统变量Path 3、之后就是一路next就行了。 二、检查并设置 由于上面安装已经把变量加入到Path，可以直接cmd打开命令行输入以下命令 npm -v #查看npm版本 node -v #查看n
WIN7/WIN8/WIN10 配置 VUE2
荒川之神
04-22 402
为什么是VUE2？这里我就不废话了，你们可以自己随意百度一下，其实对于普通开发来说区别不大，但是如果你要追求机制和更好的代码质量我还是建议VUE2。 我这里在来科普一下VUE和WEBPACK: vue.js是一种前端框架，一般利用vue创建项目是要搭配webpack项目构建工具的，而webpack在执行打包压缩的时候是依赖node.js的环境的，所以，要进行vue项目的开发，我们首先要安装no...
windows搭建vue开发环境
小哥骑单车
06-24 2111
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安装部署node.js以及搭建运行第一个Vue项目
最新发布
m0_62379203的博客
02-27 735
windows安装部署node.js并搭建Vue项目
win10系统下，vue框架的安装（新手初学）
weixin_64084310的博客
01-24 1356
入门vue，首先安装node.js，作为一个新手，分享安装过程中的体会和心得。
windows下搭建vue开发环境
热门推荐
wu__di的博客
01-08 4万+
Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。2016年，Vue同Angular、React形成三足鼎立的局面，让前端的开发者顾不暇接，今天我们就来了解一下Vue的环境搭建。 一、node.js安装 Vue项目通常通过webpack工具来构建，而we
NodeJS与Vue CLI：下载、安装与创建Vue项目指南
本篇文档是针对新手的Vue脚手架安装教程，详细介绍了在Windows环境下安装Node.js、配置淘宝镜像cnpm以及使用vue create创建第一个Vue项目的步骤。以下是主要内容的详细说明： 1. **Node.js下载与安装** - 首先，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值