使用NPM安装vue.js（vue-cli）详细教程

最新推荐文章于 2024-08-04 17:07:40 发布
最新推荐文章于 2024-08-04 17:07:40 发布
阅读量4.2w 收藏 86
点赞数 28
分类专栏： 平时报错和小知识点 文章标签： vue npm node.js 安装教程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43844418/article/details/114436815
版权
本文详述如何安装node.js、cnpm，并使用vue-cli搭建Vue.js项目。首先从node.js官网下载并安装，配置环境变量。接着安装cnpm，解决npm安装包可能遇到的问题。然后全局安装vue-cli，最后通过一系列命令创建并初始化Vue项目，指导用户完成项目目录结构的理解和项目启动。
摘要由CSDN通过智能技术生成
最低0.47元/天 解锁文章
一个Java小白
关注
专栏目录
npm 与vue-cli 构建vue 项目
ld395353765的博客
05-16 2227
使用npm 与vue-cli 构建vue 项目 第一步：安装运行环境（node与npm） nodeJ官网：http://nodejs.cn/下载安装包( 安装) 安装完成后，需要检测是否安装成功 使用命令行cmd 打开dos 黑窗口，运行 node -v 和 npm –v，出现版号说明安装成功 注（npm 是node自带的，在安装node时已经安装了） 如何升级npm 的版本...
npm--vue--vue-cli
闪黑的博客
03-08 386
npm火速上手 - 表严肃讲npm，视频链接 npm的安装与更新 网页链接输入nodejs.org 点击download，下载自己需要的版本 打开下载好的文件，开始安装，一直下一步即可； 安装完成之后，验证一下是否安装成功 （1）打开终端：win+r，输入cmd，回车； （2）输入npm -v或者node -v，如果输出了版本号，则安装成功； （3）如果要手动更新：npm insta...
Vue-Cli安装、创建(自定义)项目
最新发布
apple_53141623的博客
08-04 506
Vue CLI 是一个基于 Vue 能快速进行项目开发的工具。其安装需在 Node.js 环境下进行。选择Vue3、Vue2或Manually select features自定义项目。在这里以自定义为例。检查是否安装完成，如果终端输出版本号，表示 Node.js 已安装；选择第一个，把配置文件生成到单独文件中。不保存预设,等待安装，项目初始化完成。
npm安装教程(vue.js）
蓝叶菱的专栏
04-09 3044
https://www.cnblogs.com/goldlong/p/8027997.html首先理清nodejs和npm的关系：node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系，nodejs中含有npm，比如说你安装好nodejs，你打开cmd输入npm -v会发现出啊线npm的版本号，说明npm已经...
npm 安装 vue-cli
qq_40599116的博客
08-04 8082
1.先安装node，下载地址https://nodejs.org/en，因为本人电脑配置低只能选择安装node-v12.22.4-x64.msi（64位操作系统），此版本下载地址https://nodejs.org/en/about/releases/。一路next。安装完成后，打开命令行cmd，输入： node -v，回车之后若出现版本号，则没问题。 2.安装npm。npm install -g cnpm --registry=https://registry.npm.taobao.org，回车之后出现
vue-cli基本npm命令
09-12
vue-cli基本npm命令,包括项目搭建、依赖安装、依赖部署等
使用 npm 安装 Vue CLI
夜雨，冰之旅
12-25 3245
安装前首先理清nodejs和npm的关系： node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。 包含关系，nodejs中含有npm，比如说你安装好nodejs，你打开cmd输入npm -v会发现出现npm的版本号，说明npm已经安装好。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过C...
npm安装vue.js
weixin_45901902的博客
10-30 1905
一、npm 版本查看及升级 // 查看版本 npm -v // 升级版本 npm install -g npm 注：若npm install 报错 permission denied，使用sudo npm install -g npm 二、安装vue相关工具 1. 安装vue // 最新稳定版 npm install vue // 安装vue-cli脚手架构建工具 npm install --global vue-cli 安装完成，输入vue -V，如果出现相应的版本号，则说
初探Vue.js及Vue-Cli
m0_67587248的博客
09-06 861
我在这里想补充一些对于自主选择vue-cli版本的问题，一般执行上述安装命令后，会自动下载一个版本，使用。,vuetest是我自己取的名字，这个可以自定义，反正就是你这个项目的名字，成功后就是下面的界面。进入vue部分，可以筛选版本,我这里使用的是2.7.10版本的，可以根据自己的需要选择版本。接下来就是回答一些问题，由于我选的太快了就没有留下截图，反正接下来就是漫长的等待环节。由于我已经切换了，那么可以检查一下是否为淘宝源，发现已经切换成功了。，记住，@后面的是版本号，比如我这里指定5.0.4版本。
vue.js之vue-cli脚手架的搭建详解
10-19
安装Node.js后，推荐使用npm（Node.js的包管理器）来安装vue-cli。 安装vue-cli时，使用npm install -g vue-cli命令进行全局安装，这样做是为了在命令行中可以全局访问vue命令。安装过程中可能会出现因网络原因导致...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
vue-cli-plugin-electron-builder-适用于Electron的Vue CLI 3插件，无需使用Electron Builder的必需配置。-Vue.js开发
05-27
Vue CLI插件Electron Builder可以轻松构建带有Electron Build状态的台式机Vue.js应用程序：快速入门：在Vue CLI Plugin Electron Builder可以轻松地构建带有Electron Build状态的台式机Vue.js App桌面。 ：在使用Vue...
npm安装Vue.js
深蓝旭的博客
08-01 599
我之前是有安装过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...
npm安装vue
hacker0825的博客
04-19 6674
一、使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装） 开始： 如图，下载8.9.3 LTS （推荐给绝大部分用户使用） 双击安装 可以使用默认路径，本例子中自
【转】安装Vue.js的方法
aishuo5474的博客
05-12 220
安装vue.js的方法 一、简介 Vue.js 是什么 Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单...
使用npm利用vue-cli搭建vue环境
热门推荐
shunchenggong的博客
09-03 2万+
最近一段时间vue js非常流行，伴随着vue2.0版本的发布，一套前端基于node环境下的自动化环境构建方法随之出现，自己最近尝试用vue-cli着构建一个基于vue的环境，我尽可能的将每一个知识点讲清楚 1、npm:引自百度百科       NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：1、允许用户从NPM服务器下载别人编写
npm 安装vuecli
qq_29072049的博客
04-20 216
npm set registry https://registry.npm.taobao.org/ npm config list 查看是否切换成功 安装 vuecli 的版本 npm install -g @vue/cli 卸载vuecli npm uninstall vue-cli -g 进入目录 创建项目 vue create cfront 创建项目 我选的是vue3 创建完成会提示你,根据命令然后运行 ...
windows11安装卸载node.js、vue-cli、element-ui
06-06
Windows 11 安装、卸载 Node.js、Vue CLI 和 Element UI 的步骤如下： 安装 Node.js: 1. 前往 Node.js 官网 (https://nodejs.org/en/) 下载 Windows 版本的 Node.js 安装程序。 2. 运行下载的安装程序，按照提示完成安装过程。 卸载 Node.js: 1. 进入 Windows 11 的“控制面板” -> “卸载程序”页面。 2. 找到 Node.js，选择卸载。 安装 Vue CLI: 1. 打开命令行工具（Windows键+R，输入cmd）。 2. 输入以下命令安装 Vue CLI： ``` npm install -g @vue/cli ``` 3. 等待安装完成即可。 卸载 Vue CLI: 1. 打开命令行工具（Windows键+R，输入cmd）。 2. 输入以下命令卸载 Vue CLI： ``` npm uninstall -g @vue/cli ``` 安装 Element UI: 1. 打开命令行工具（Windows键+R，输入cmd）。 2. 进入 Vue 项目所在目录，输入以下命令安装 Element UI： ``` npm install element-ui -S ``` 3. 等待安装完成即可。 卸载 Element UI: 1. 打开命令行工具（Windows键+R，输入cmd）。 2. 进入 Vue 项目所在目录，输入以下命令卸载 Element UI： ``` npm uninstall element-ui -S ``` 以上是 Windows 11 安装、卸载 Node.js、Vue CLI 和 Element UI 的基本步骤，具体操作根据实际情况可能会有所不同。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值