安装Nodejs、NPM、Vue脚手架详细教程

9月前作者：低调的黑客分类：Toy博客阅读(58) 违法举报

这篇具有很好参考价值的文章主要介绍了安装Nodejs、NPM、Vue脚手架详细教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、安装Nodejs

查看自己电脑是否安装nodejs

node --version

安装Nodejs、NPM、Vue脚手架详细教程,npm,vue.js,前端
我这里已经下载过了，没有下载过的会提示该命令不存在

可以到官网下载一下
https://nodejs.org/en/download/

不要安装在中文路径下

二、安装NPM

如果你安装了nodejs–默认会安装NPM.

npm --version

安装Nodejs、NPM、Vue脚手架详细教程,npm,vue.js,前端

三、安装vue脚手架

使用vue --version 查看当前是否安装vue脚手架

没有安装会提示不是内部命令
安装Nodejs、NPM、Vue脚手架详细教程,npm,vue.js,前端

在命令行输入npm install -g @vue/cli

npm install -g @vue/cli
-g: global全局

安装Nodejs、NPM、Vue脚手架详细教程,npm,vue.js,前端

官网下载地址
https://cli.vuejs.org/zh/guide/installation.html文章来源地址https://www.toymoban.com/news/detail-564025.html

到了这里，关于安装Nodejs、NPM、Vue脚手架详细教程的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

windows系统安装指定的vue/cli、node和npm；vue/cli脚手架搭建项目所涉及的vue/cli、node、npm依赖版本等问题

记录vue/cli脚手架搭建项目所涉及的vue/cli、node、npm依赖版本等问题先说依赖版本： vue/cli 3.12.0 node14.21.3 npm6.14.18 注意： node和npm需要版本匹配，也就是下载node安装包，就会自带安装npm，不可制定升级某个版本npm；否则会导致脚手架创建项目失败和 vue项目启动失败和 npm下

2024年02月15日
浏览(102)
Mac OS安装Vue CLI脚手架并创建一个基础项目教程

前后端分离可以大大地提高开发效率，主流的解决方案为 Vue.js+SpringBoot ，这里主要介绍 Vue在Mac端的入门教程。软硬件环境为Macbook Air M2+macOS Vantura 13.4.1。 Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架，是官方提供的基于 Webpack 的 Vue 工具链。它基

2024年02月04日
浏览(113)
Vue3 脚手架搭建项目详细过程

如果之前安装了2.0的脚手架，要先卸载掉，输入：npm uninstall vue-cli -g 进行全局卸载然后重新安装：npm install @vue/cli -g 由于 git bash 来执行命令的时候无法使用键盘上下键来进行选项选择，所以我们要使用 cmd / powershell，这里使用 cmd 1.vue create + 项目名称 2.模板选择，通过键

2024年02月06日
浏览(76)
创建一个vue2的脚手架项目（超详细）

0.前言在用npm安装vue脚手架之前需要安装node，前面博客有详细安装过程，请读者安装node之后再进行脚手架的安装 1 npm vue2的安装脚手架 2.创建vue2脚手架项目 3.开启服务器 4.在浏览器中输入端口地址 5.项目目录介绍

2024年02月11日
浏览(71)
Vue｜单文件组件与脚手架安装

[.vue]文件，称为单文件组件，是Vue.js自定义的一种文件格式，一个.vue文件就是一个单独的组件，在文件内封装了组件相关的代码：html、css、js。 .vue文件由三部分组成，其中template存放响应的html代码，style存放响应的css代码，script存放响应的js代码。在上一小节非单文件组件

2024年02月12日
浏览(40)
【每天学习一点点 day04】工程化 npm create 脚手架 create-vue, vue-cli 执行原理① - npm cli

希望我们每个人都能找到属于自己的花期，不急不躁，静等风来。今天打算用 Docusaurus 开始搭建自己的知识库，之前早已有此想法，遗憾的是没有坚持下来。这次借助这个机会，也计划将自己【每天学习一点点】系列整理在自己的知识库中，方便大家查找。在使用脚手架命

2024年02月22日
浏览(68)
全局安装vue脚手架，VSCode没有权限

win+R，输入cmd，打开命令行窗口，输入 npm install -g @vue/cli ，回车

2024年02月11日
浏览(41)
FullyQualifiedErrorId : CommandNotFoundException（vue 报错，已安装了vue脚手架）

可能是因为你的node路径更换位置了，需要重新配置环境变量。在搜索栏中搜索vue.cmd 复制路径，然后在系统环境变量 path 中添加 vue.cmd 的路径保存。就 OK 了。

2024年02月08日
浏览(55)
mac下安装vue cli脚手架并搭建一个简易项目

1、确定本电脑下node和npm版本是否为项目所需版本。 2、下载vue脚手架 3、创建项目如果有node，打开终端，输入node -v和npm -v , 确保node和npm的版本，(这里可以根据自己的需求去选择，如果对最新版本的内容有要求，也可以选择最新版本)如果没有node，可以点击nodejs官网去下载

2024年02月15日
浏览(99)
Vue | （三）使用Vue脚手架（上） | 尚硅谷Vue2.0+Vue3.0全套教程

学习链接：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通，本文对应p61-p69，博客参考尚硅谷公开笔记，补充记录实操。 Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。 CLI ：command line interface（目前已经维护了，但也试一试）全局安装： npm config set registry https:/

2024年02月20日
浏览(43)