使用 npm 安装 Vue

最新推荐文章于 2025-03-19 22:06:56 发布
原创 最新推荐文章于 2025-03-19 22:06:56 发布 · 268 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本教程详细介绍了如何通过npm安装Vue并设置开发环境。首先确保已安装node.js，然后使用webstorm编辑器创建项目。通过命令行初始化项目，选择是否集成vue-router等组件，并安装axios等依赖，最后运行服务器。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用 npm 安装 Vue

首先需要 node.js （从 nodejs.org 中下载 nodejs ）
推荐使用webstorm编辑器

（1）进入到文件夹中（仓库）
（2）vue init webpack play 初始化项目（play自定义项目名可省略）回车等待
（3）vue-router------Y/N Yes 回车
（4）EsLint-----------Y/N No 回车
（5）unit-------------Y/N No 回车
（6）eIe--------------Y/N No 回车
（7）进入项目文件夹cd play（第二步如果省略忽略这一步）
（8）安装依赖npm install回车等待
（9）安装axiosnpm install axios回车等待
（10）运行服务器npm run dev

太迪
关注
mac电脑通过 npm 安装 @vue/cli脚手架超时问题；
梦想的追求
10-29 1329
macos 上@vue/cli脚手架的相关工具
使用NPM 安装 VUE/CLI时遇到的错误
weixin_51646421的博客
01-11 2526
标签：vue脚手架3 npm ERR! code EEXIST npm ERR! path C:\Users\Administrator\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js npm ERR! dest C:\Users\Administrator\AppData\Roaming\npm\vue npm ERR! EEXIST: file already exists, cmd shim 'C:\Users\Administrator.
windows 下 使用npm 安装 vue.js
Gx422954766的博客
11-29 403
1.先确保你已安装了npm,并且版本需要在3.0以上。如果没有安装npm，请问度娘，这边不多介绍 2.在安装vue.js之前我们需要先安装cnpm(npm的国内镜像)。打开cmd，输入以下命令： npm install -g cnpm --registry=http://registry.npm.taobao.org 这里的 -g 代表全局安装。安装成功后显示以下信息： 3.安装vue-cli ...
Vue初学之使用npm搭建Vue环境
小小默：进无止境
01-15 1万+
这里系统是windows，先安装node(新版的Node.js已自带npm)，然后使用npm安装vue，这里没有使用nvm。 【1】node安装 官网地址：https://nodejs.org/en/download/ 下载后傻瓜式安装即可，具体教程可以参考：node.js安装配置 默认会配置node和npm的环境变量： 安装后会自动提示如下，这里可以直接关闭窗口。 我们可以看到环境变量...
npm安装vue
南山高尔夫的博客
05-08 3236
选择用哪些配置，按上下键 选择哪一个，按空格键确定，所有的都选择好后，按enter键进行下一步，这里我选择的：Babel、Router、Vuex、CSS Pre-processors。搭建完成的项目目录，运行npm run serve启动项目。按上下键 选择哪一个，选择好后，按enter键进行下一步。按键盘方向键 向下键 选择： 自定义配置，回车。安装vue-cli 脚手架命令。
Node.js (v22.4.1 npm 10.8.1) vue.js安装配置教程（超详细）
热门推荐
逆境清醒的博客
05-25 2万+
Node.js (V19.1.0npm 8.19.3) vue.js安装配置教程（超详细） 当前note最新版本: V19.1.0 (含npm 8.19.3) 14-11-2022安装下载配置,vue.js安装配置 一、安装Node(npm)需要的环境和版本发布信息 二、Node(npm)下载地址 三、Node(npm)安装 四、配置node（npm) 五、npm 安装vue 六、常见的npm命令
使用NPM安装Vue.js
Delores的博客
09-02 541
NPM 方法 由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。 npm 版本需要大于 3.0，如果低于此版本需要升级它： # 查看版本 $ npm -v 2.3.0 #升级 npm cnpm install npm -g # 升级或安装 cnpm npm install cnpm -g 在用 Vue.js 构建大型应用时推荐使用 NPM 安装： # 最新稳定版 $ cnpm install vue 命令行工具 Vue.js 提供一个官方命
用npm安装vue和vue-cli,并使用webpack创建项目的方法
10-17
本文将详细介绍如何使用npm安装Vue.js和Vue CLI，并通过Webpack创建项目。首先，确保你的npm版本大于3.0，因为更低版本可能不支持某些功能。你可以通过在命令行输入`npm -v`来检查当前版本。如果版本过低，可以使用`...
【问答系列】安装vue3的方式大总结，为何可以使用npm create vue@latest或npm init vite@latest充当vue脚手架安装vue项目
商务合作 / 项目定制开发 / 前端一对一培训、答疑
06-19 5385
根据vue所述，建议安装nodejs的18.3及以上版本来开发vue3项目。但是实测nodejs 16+也可以。我在nodejs的16版本，运行如上命令后，不会报错，而是会提示你要安装：(y)当我输入y后，就会安装并执行create-vue，它是Vue官方的全新脚手架工具。但是假如我切换到nodejs的18版本，运行如上命令后，不会提示我安装命令，而是提示如下，表示可以安装项目了，npm create其实是npm init的一个别名：SeeUse。
npm安装Vue.js
深蓝旭的博客
08-01 654
我之前是有安装过npm的 使用淘宝 NPM 镜像 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 查看nmp版本 $ npm -v 使用 NPM 安装vue $ cnpm install vue 在命令行中快速搭建大型单页应用 # 全局安装 vue-cli $ cnpm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack...
vue.js 通过npm安装
路西法Lucifer
10-17 532
1、在webstore中找到终端（idea里面也有，其它软件不知道了），类似于cmd 2、输入命令npm init -y ps:如果没有-y，会多次提示要不要下一步，-y代表一直yes 2.npm install vue --save 会生成一堆的文件（原本是空项目，什么也没有）。 npm install  vue -g 是将vue安装在全局 npm install  ...
Node安装配置以及利用npm安装vue（Windows）
weixin_46993410的博客
06-16 743
2）在已建好的node_global文件夹下新建node_modules文件夹。npm install vue -g //安装vue环境。npm install vue-cli -g //安装vue脚手架。1）在node.exe（在之前自定义文件夹下）当前路径下新建。路径地址是你刚新建的node_global和node_cache路径，，路径设置为global下的node_modules​。1.3（可省略）查看node和vue版本（），查看系统变量和用户变量。
使用NPM安装vue
有个派大星的博客
03-05 3359
一、选择一个磁盘目录用来存放你项目路径。我选的是D盘D:\webProject\20190305，然后按住shift键，点击鼠标右键，选择“在此处打开powershell窗口” 然后输入命令： 1、npm install -g vue-cli //安装vue-cli 脚手架 2、npm init webpack myVue //myVue就是项目名字 中间这个需要根据显示内容分别...
vue.js使用npm安装与配置
qq_42417923的博客
07-03 7467
（1）安装Nodejs　　打开Nodejs的官网（https://nodejs.org/en/），我们可以在页面最中间看到Download这个词，选择对应的版本下载即可，建议下载后一个版本。也可以选择下面的Other Downloads下载其他版本和Mac的版本。　　下载完成后，使用傻瓜式安装即可。安装完成后可以先进行下简单的测试安装是否成功了，后面还要进行环境配置。在键盘按下【win+R】键，输...
使用npm安装VUE的详细步骤
骑上单车去旅行的博客
12-19 672
【代码】使用npm安装VUE的详细步骤。
使用npm安装vue项目+使用
weixin_42981419的博客
01-04 2962
#vue的安装 一、先安装node.js，下载node.js安装包，node.js安装成功之后，左击电脑左下角>运行>输入cmd，如下图所示： 二、点击确定进入，分别在命令行工具中输入指令node -v以及npm -v查看node.js以及npm的版本，如果出现版本说明安装成功了；如下图所示： 三、开始正式的安装项目： 1、我们可以直接全局安装 vue-cli，输入...
Node 和npm以及vue安装配置教程（超详细）
日出等日落
07-18 5755
Node.js (v22.4.1 npm 10.8.1) vue.js安装配置教程（超详细）一、安装Node(npm)需要的环境和版本发布信息Node.js 是一个免费的、开源的、跨平台的 JavaScript 运行时 允许开发人员创建服务器、Web 应用程序、 命令行工具和脚本。nvm是一种流行的运行方式。它允许您轻松切换Node.js版本，并安装新版本，以便在出现问题时尝试轻松回滚。使用旧版本测试代码也非常有用Node.js版本。
Vue安装及配置
最新发布
weixin_67893879的博客
03-19 2085
其中-g是全局安装，指安装到global全局目录去，如果不加-g，模块就会安装到当前路径下的node_modules文件夹下，没有目录则自动创建。环境变量---用户变量---选中Path---点编辑-将C:\Users\你的用户名\AppData\Roaming\npm修改成。3.2.1此电脑-右键点击属性-高级系统设置-环境变量---系统变量---新建。3.2.2此电脑-右键点击属性-高级系统设置-环境变量---系统变量---9、输入vue --version，能输出版本号即成功安装。
使用npm安装vue
09-28
使用npm安装vue的步骤如下： 1. 首先，确保你已经安装了node，并且npm已经自动安装好了。你可以通过在命令行中输入`npm -v`来验证npm是否已安装。 2. 安装cnpm国内镜像，以提高安装依赖包的速度和稳定性。在命令行中输入`npm install -g cnpm --registry=http://registry.npm.taobao.org`来安装cnpm。 3. 安装vue-cli脚手架构建工具，这是一个必须在全局中进行安装的工具，用于快速搭建vue项目。在命令行中运行`npm install -g vue-cli`和`npm install -g @vue/cli`来安装vue-cli。 4. 确认安装成功，可以在命令行中输入`vue -V`来查看vue版本信息。 5. 最后，为了避免报错，需要增加环境变量NODE_PATH。在环境变量中添加NODE_PATH，并设置其值为`D:\nodejs\node_global\node_modules`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值