第一次搭建vue项目--安装node

最新推荐文章于 2025-07-12 13:55:40 发布
最新推荐文章于 2025-07-12 13:55:40 发布
阅读量164 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript 操作系统 运维 ViewUI
原文链接：https://juejin.im/post/5cb333bc6fb9a0688f375c25
本文详细介绍了在干净的Windows 10环境下搭建Vue项目的步骤。首先从百度下载并安装Node.js，确保Node.js的安装目录和npm的运行目录被正确添加到环境变量中，以便在命令行直接使用node和npm命令。安装完成后，通过命令行检查node和npm的版本，确认安装成功。

特地安了个虚拟机，在干干净净的win10操作系统下新建一个vue项目：

1. 百度下载nodejs，并安装

2. nodejs的安装目录

3. npm的运行目录

4. 以上两个目录都被自动加到环境变量中了

也就是说以上两个目录中的指令可直接在cmd中使用，比如node、npm等

5. 查看node、npm的版本号

安装node时会自动安装npm，也会自动配置环境变量，这样的话node一旦安装成功后，node和npm就可以直接在cmd中使用了

转载于:https://juejin.im/post/5cb333bc6fb9a0688f375c25

Vue--》超详细教程——vue-cli脚手架的搭建与使用
ztK63LrD的博客
11-14 5298
它简化了程序员基于webpack创建工程化的Vue项目的工程。其好处就是简省了程序员花费时间去配置webpack，从而目标只需专注在撰写项目应用上。，基于vue-cli这个系统，我们就可以快速搭建好“（英文名：Singleagepplication）简称SPA，顾名思义指的是，所有的功能与交互都在这唯一的一个页面内完成。
【搭建记录】VS Code 第一次搭建Vue项目
知秋向南
08-07 1016
第一次搭建Vue项目
初次安装nodejs
坚持学习
07-06 337
  Node.js是一个热门框架，使用它可以非常容易的创建高性能，实时网络应用程序。Node使JavaScript可以编写服务器端应用。本教程将引导你安装node并编写第一个“Hello World”程序。 什么是Node.js？ 传统意义上JavaScript只运行在Web浏览器中，但是由于CommonJS 项目，人们对于将其运行在服务器端产生了浓厚的兴趣。其他服务器端JavaSc...
Vue项目安装node
weixin_46178710的博客
04-05 902
运行失败解决思路：1、使用管理员身份打开cmd 2、找到node_cache、node_global文件夹右键——>属性——>安全——>编辑——>勾选全部权限为允许。(1)、找到安装的目录，在安装目录下新建两个文件夹【node_global】和【node_cache】测试安装是否成功，按下【win+R】键，输入cmd，打开cmd窗口。①【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】先新增NODE_PATH：D:\Tools\nodejs。③编辑【用户变量】中的【Path】
安装Node.js搭建Vue开发环境
最新发布
2301_77057177的博客
07-12 570
本文详细介绍了Vue.js项目的完整搭建过程。首先从Node.js安装开始，提供了下载地址和安装步骤说明，并验证了安装成功。接着讲解了Vue项目的创建方法，通过npm init vue@latest命令初始化项目，并指导用户进行项目配置选择。文章还提供了两种在VSCode中打开项目的方式：命令行进入和直接拖拽。最后说明了项目依赖安装(npm install)和启动(npm run dev)的具体操作，并展示了项目成功运行的界面。整个教程步骤清晰，配有详细的截图说明，适合初学者快速上手Vue项目搭建。
第一次node的安装和npm配置记录
qq_45309010的博客
04-03 307
npm的配置文章很多，但是我还是想记录一下自己的安装过程 1、下载解压 # 下载node的zip包:https://nodejs.org/en/download/ # 解压：D:\ProgramCodes\node-v14.16.0-win-x64 2、添加环境变量 #安装目录新建文件，配置的是npm安装的全局模块所在的路径，以及缓存cache的路径 # 否则默认模块安装到`C:\Users\用户名\AppData\Roaming\npm和npm-cache`路径中 cd D:\ProgramCodes\
创建第一个Vue项目（一）——安装nodeJS
沃德韦泰帅了的博客
07-11 317
安装nodeJS 下载和安装 进入nodeJS官网下载 配置 在cmd中检查是否安装成功 因为npm的默认安装目录在c盘C:\Users\xxxx\文件夹下，并不是默认安装到nodeJS的程序目录D:\Program Files\nodejs\下，当安装的模块越多时，所占用的C盘空间越大，因此需要修改npm的默认安装目录。 修改npm的缓存目录和全局安装目录 在D:\Program Files\nodejs\目录下创建两个目录，分别是node_cache和ode_global，分别用来存放缓
项目安装配置Node.js环境
路人甲的博客
06-03 321
安装及配置node.js环境 参照下面链接（俩个都是教程很详情）： https://www.cnblogs.com/zhouyu2017/p/6485265.html https://blog.youkuaiyun.com/zjh_746140129/article/details/80460965 完成node的按装后，idea开发工具下载项目（git，svn） 关键步骤需要在本地项目中先执行npm install，完成后出现nodejs依赖，在项目中看到下图文件证明依赖成功 再执行命令启动：npm run ser.
关于前端vue框架项目环境搭建-node-sass & Python &Vscode&node-gyp
m0_74824170的博客
12-11 1273
这些是本媛由于客观原因在一个月内反复配置三次前端环境（三台不同电脑）所遇到的问题回顾，值得重点一提的是，前端环境配置特别在意的是版本对应。所以版本选择上，需要慎重！基本上的报错都可能是版本问题，在每次重新加载依赖之前，保险起见，删除项目中的node-modules文件夹，同时执行一下清除缓存命令 （来自前端友友邓邓的友好提示）其次是淘宝镜像的原因，一定注意淘宝镜像已经发生改变npmmirror 镜像站。
基于vue-element-admin和springboot搭建的管理后台项目开发脚手架源码+数据库+项目说明.zip
07-02
基于vue-element-admin和springboot搭建的管理后台项目开发脚手架源码+数据库+项目说明.zip 【1】项目代码完整且功能都验证ok，确保稳定可靠运行后才上传。欢迎下载使用！在使用过程中，如有问题或建议，请及时私信...
Vue教程｜搭建vue项目｜Vue-CLI新版脚手架
baidu_21035953的博客
11-29 1316
通过实战方式，介绍Vue项目的完成构建过程，从环境搭建、脚手架搭建到脚手架构建项目的完整过程
安装node
m0_61594728的博客
04-09 4636
node按装步骤
第一次搭建vue项目--安装vue-cli、初始化项目
weixin_34152820的博客
04-15 225
vue-cli === vue脚手架 不用自己动手一点点搭，用npm安装vue-cli后，输入几个命令它就给你自动搭好 1. 使用npm全局安装vue-cli npm i -g vue-cli 2. 打开npm的运行目录 红线划出的是安装vue-cli后可用的几个指令 3. 打开npm运行目录的node_modules目录里 node_modules目录里面是用npm安装的第三方包存的目录 ...
[前端框架]初识VUE(一)---我要得到你的第一次(安装vue以及搭建第一个vue项目)
代码哈士奇的博客
11-04 1466
安装VUE 安装Node.js 下载地址https://nodejs.org/zh-cn/ 下载安装完成打开cmd windows键+r 输入cmd或者搜索打开 输入 node -v 出现这种情况安装完成 切换淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 回车就行 然后安装vue(4.0+) npm install -g @vue/cli 同样回车 vue -V(大写的V) 此时安装成功 vue ui可以打开可
Node.js 安装及项目实践
布说在见的博客
09-17 881
选择版本一直next，或者自己修改路径，添加两个包选择自己的安装的node的路径，cmd或者win+r cmd。
小白的第一次 VUE项目搭建 --- 详细步骤（脚手架）
今年22仍然是小白的博客
05-29 448
VUE学习为什么用VUE.第一次安装脚手架： 为什么用VUE 你好！ 这是我第一次搭建vue项目总结步骤，小白的我看到了官网的 易用、灵活、高效。 .第一次安装 我在学习前的准备，一步步来，我的是windows系统： 下载node.js https://nodejs.org/en/download/ (windows版本的) 在下载完成后，直接点击安装 （傻瓜式一直下一步） cmd 输入 node --version 验证是否安装成功 安装cnpm 命令 npm install -g cnpm --re
第一次配置node环境之总结
vito2016的博客
07-20 672
一 linux系统安装. Ubuntu系统安装。 首先将ubuntu 系统用ultralSO刻录镜像到 U盘。  系统：ubuntu-16.04.1-desktop-amd64.Iso 文件。 安装系统（过程简单，从略）   二 node基础环境配置。   流程略述：   zsh  ->  nvm  ->  nodemon -> 安装项目依赖的包 -> ...
Vue安装及环境配置（最新，包一次成）
热门推荐
Syyynb的博客
05-10 3万+
选择你想要安装的版本， 第三个是 vue3 第四个是vue2 最后是自己想要的配置 通过键盘下键选择。创完之后vue文件夹里会有vueroute这个文件夹，就是刚刚创建的项目，把它拖到vscode里。下一步会让你选择一个vue版本，根据自己的需要选择vue2.0或vue3.0。将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。安装完之后，所有的配置就结束了，接下来就开始创建项目吧！同理，把它的权限也都打开，权限和node.js一样。在最上方有三个点（...）点击，选中终端，新建终端。
Vue技术实现vanessaroycroft-v3个人网站新迭代
- "安装依赖项"步骤中提到了使用npm（Node.js包管理器）来安装项目依赖。 - "启动开发服务器"步骤提供了一个命令，使得开发者能够在本地运行并查看他们的网站，通常这涉及到热重载，以便开发者可以实时看到代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值