vue-cli 安装步骤

最新推荐文章于 2024-05-07 08:33:10 发布
最新推荐文章于 2024-05-07 08:33:10 发布
阅读量1k 收藏 4
点赞数
分类专栏： 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yang__k/article/details/106646988
版权

电脑重新装系统后，需要重新安装vue-cli脚手架，还是好久以前装过，现在再整理一遍供以后参考。

1.安装nvm包管理器：

https://github.com/coreybutler/nvm-windows/releases

下载nvm-setup.zip,解压安装；

2.命令行输入nvm查看信息

3.查看需要node的版本，安装你需要的版本

https://nodejs.org/zh-cn/download/releases/

3.输入nvm install 14.0.0 (这里我选的node版本号是14.0.0);

会自动安装对应版本的npm包

4.使用你要的版本

最低0.47元/天 解锁文章
sunny.day
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安装vue-cli&使用vue-cli搭建项目
qq_64001795的博客
09-26 4542
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
vue.js 三种方式安装(vue-cli)
muzidigbig的博客
05-29 33万+
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。 下面介绍三种 Vue.js 的安装方法： 1.独立版本 我们可以在Vue.js的官网上直接下载vue assets和static的区别 pnpm
Vue-cli安装步骤详细版
qq_45801516的博客
03-12 1879
1.我选择自定义安装步骤。
2024年最全vue CLI脚手架初安装记录，全套教学资料
最新发布
2401_84616838的博客
05-07 606
三套“算法宝典”开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】算法刷题LeetCode中文版（为例）人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！
完整又详细的vue-cli安装步骤
qq_36711388的博客
02-28 8万+
vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，在安装的过程中可以根据个人喜好使用淘宝的镜像，但是要先安装cnpm（速度和稳定性都比较好）2、在目标文件夹下打开终端3、执行cnpm install vue-cli -g 全局安装  运行vue查看安装是否成功  4、运行vue ...
vue-cli安装和构建项目
qq_62881798的博客
09-26 3015
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
Vue-Cli(脚手架)安装及如何创建Vue-Cli项目-保姆级别教程,手把手教会你
m0_72568513的博客
06-09 2万+
快速创建 Vue.js 项目的向导式用户界面：我们只需要按照界面上的步骤一步步操作，就可以快速创建一个 Vue.js 项目。支持自定义配置：Vue CLI 提供了多种配置选项，开发者可以根据自己的需求进行选择和配置。支持插件扩展：Vue CLI 支持插件化扩展，开发者可以根据需要安装插件，例如路由、状态管理等。支持开箱即用的工具集成：Vue CLI 集成了很多实用的工具，例如 Babel、Webpack、ESLint 等。
vue-cli（vue脚手架）安装 详细教程
m0_67392661的博客
03-09 3万+
vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。 一.安装vue-cli 1、 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。 注意：webpack 4.
linux、windows 安装 vue-cli
weixin_45782719的博客
02-02 1637
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli实现的零配置原型开发。一个运行时依赖 (可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。Vue CLI 致力于将 Vue 生态中的工具基础标准化。
[VUE] Vue-CLI的安装、使用及环境配置（超详细）
leo的博客
11-20 3万+
Vue-CLI的安装、使用及环境配置的详细步骤（超详细）
Vue学习 之 MacOS 安装 vue-cli
竹毛言己
06-13 3418
vue-cli（Vue Command Line Interface）是Vue.js官方提供的一个脚手架工具，它提供了一些命令，可以帮助我们创建基于Vue.js的项目模板，快速开发Vue.js单页面应用（SPA）。使用vue-cli可以配置构建工具、插件、路由、状态管理等等，可以大大提升开发效率，减少重复操作。
vue-cli安装使用流程步骤详解
01-19
1.全局安装vue-cli cnpm i vue-cli -g 2.监测安装版本 vue -V 大写V : version 3.指定目录下新建项目 vue init webpack [项目名] 按自己的意愿配置、选择对应信息。最后配置完成检查package.json是否如此 4.进入...
vue-cli中安装方法(图文详细步骤)
01-21
vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为...
安装vue-cli的简易过程
12-11
通过上述步骤，你已经掌握了安装Vue CLI的基本流程，以及如何使用它来初始化和运行一个Vue项目。在实际开发中，Vue CLI还支持更多的自定义配置和插件，可以帮助你构建出符合特定需求的项目结构。不断学习和探索Vue ...
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
解决申请 Googl e账号填写电话号码不能验证的问题
热门推荐
sunny_day的博客
06-23 37万+
使用google账号的好处是不管在哪里，只用在chorm登录google浏览器你自己收藏的书签和扩展工具都会同步，对于开发人员来说是非常好用的。 方法很简单：用手机自带的电子邮件申请，按流程走，稳稳的。 1.点击添加邮箱 2.点击GMail 3.,随便输入一些东西，点击下一步 4.点击注册账号 5.按上面的注册即可 ...
echarts 堆叠图和重叠图及图例的位置
sunny_day的博客
03-12 2万+
1.在series: [ ],里面设置 stack:"1", 如果两组的 stack一樣就會堆疊 ; 2.在series: [ ],里面设置barGap: '-100%',即为重叠; 3.图例位置: legend: { // data:this.b, data:["總人數","應到人數"], ...
iview table expanded 展开收缩
sunny_day的博客
12-25 1万+
给table设置type:expand,可以使table展开收缩. this.data1[index]._expanded = true/false; 使用这句代码可以使其展开关闭.当然在改变后要刷新渲染. 可以使用vue,vm.$forceUpdate(); 但经过使用不起作用,就用了splice()方法,也达到同样效果. h( ...
获取元素在屏幕的相对位置
sunny_day的博客
01-25 5278
 element 为当前想获得位置的元素 // 获取提交按钮的位置 getPosition(element){ // var box = document.getElementById("commit"); // var pos = box.getBound...
vue-cli-service 安装
07-31
引用[1]中提供了关于Vue CLI的安装和创建项目的详细步骤，可以参考该引用中的内容进行操作。引用[2]和[3]提供了关于Vue CLI项目结构和相关配置的信息，可以作为进一步学习和了解Vue CLI的参考。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值