vue-cli安装

最新推荐文章于 2024-07-22 15:13:59 发布
最新推荐文章于 2024-07-22 15:13:59 发布
阅读量261 收藏 1
点赞数
分类专栏： Vue学习 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fgets__/article/details/122482468
版权

首先要安装node.js，node.js的安装，直接下一步就可以了，你可以改变一下，安装的位置。，下图就表示安装成功了
在这里插入图片描述

然后安装一个淘宝加速器，win+r打开命令界面。

# -g 是全局安装
npm install cnpm -g

安装vue-cli

cnpm install vue-cli -g

# 可以查看一下，能通过什么方式创建vue
vue list

在这里插入图片描述

然后创建第一个vue程序

vue init webpack firstvue

在这里插入图片描述

在这里插入图片描述

进入项目，安装相关依赖

npm install

在这里插入图片描述

然后使用idea打开着文件就可以了。

下一步运行这个vue项目，在idea中点开Terminal ，运行如下命令

npm run dev

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

终止这个项目的运行，Ctrl+c就可以了

在这里插入图片描述

小白程序猿一枚
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安装vue-cli&使用vue-cli搭建项目
qq_64001795的博客
09-26 4517
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
Vue-cli安装
01-20
npm i vue-cli -g //默认安装的是vue2.9 mac:sudo npm i vue-cli -g 注意：如果你npm安装报错了，建议使用下面两句命令： npm config set strict-ssl false //关闭npm的https npm config set registry ...
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安装方法
weixin_63731304的博客
03-30 3332
Vue-CLI安装方法，适合新手小白
VUE-CLI/VUE-ROUTER
LKS_010620的博客
08-24 3681
官方文档vue-cli是vue官方出品的快速构建单页应用的脚手架，里面集成了webpack，npm，nodejs，babel，vue，vue-router。
如何查看vue-cli安装位置
weixin_44645309的博客
04-02 7655
如果你是用npm安装的，并且是安装在全局的，那么安装位置就在： C:\Users\Administrator\AppData\Roaming\npm\node_modules
vue-cli安装和构建项目
qq_62881798的博客
09-26 3007
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
Vue-cli安装步骤详细版
qq_45801516的博客
03-12 1673
1.我选择自定义安装步骤。
vue-cli安装和目录简介
qq_33925054的博客
08-02 7247
一、 node安装 1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）； 2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/ 注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上； 二、 vue-cli 全局安装 命令行执行 : n...
Linux-Vue-cli安装记录
csdn_yasin的博客
01-02 4213
说明 Vue-cli是Vue提供的一个脚手架（命令行工具），可以方便且快速的搭建庞大和复杂的Vue项目 Vue-cli往往依赖包管理工具（npm）进行安装 npm包管理工具是Nodejs提供的一个包管理工具，因此要使用npm还需要先安装Nodejs 安装 有关先前版本的警告：程序包名称从更改vue-cli为@vue/cli。如果vue-cli已全局安装了先前的（1.x或2.x）软件包，则需要先使用npm uninstall vue-cli -g或卸载它yarn global remove vue-cl
[VUE] Vue-CLI的安装、使用及环境配置（超详细）
leo的博客
11-20 3万+
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的简易过程
08-27
安装vue-cli的简易过程 安装前提 安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。检测是否安装了npm和版本情况，可以在命令行工具里输入`npm -v`，如果出现版本号说明你已经安装...
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 278
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
使用Vue实现点击页面触发特效
qq_45569925的博客
07-19 752
在页面上的指定区域内进行点击，则会在页面上显示设置好的随机文本，此文本出现后会执行动画，动画效果为节点在1s之内向右上方移动并在移动的过程中完成180°翻转，最后消失。
(vue3)el-table滚到底部加载数据el-table-infinite-scroll
weixin_63442947的博客
07-19 226
el-table实现。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 893
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
vue this.$refs 动态拼接
cimbala的博客
07-19 230
业务需要，refs是不固定的。
VUE中的重点*
最新发布
qq_61132537的博客
07-22 669
实际上就是一个闭包，因为vue是单页面应用，是由很多组件构成，每一个组件中都有一个data， 所以通过闭包给每一个组件创建了一个私有的作用域，这样就不会相互影响。
vue-cli安装失败
06-05
vue-cli 是 Vue.js 官方提供的一个快速构建 Vue.js 应用程序的脚手架工具。安装 vue-cli 的时候，有时候会出现安装失败的情况，可能是由于网络原因或者是缺少依赖等问题所导致的。 以下是一些常见的 vue-cli 安装失败的原因和解决方法： 1. 网络原因：请确认网络是否正常，可以使用命令行或者浏览器测试一下是否能够访问外网。 2. npm 安装失败：请升级 npm 版本，或者使用 cnpm 代替 npm 进行安装， cnpm 是淘宝提供的 npm 镜像，速度较快。 3. 缺少依赖：请确认是否缺少必要的依赖包，可以通过安装对应的依赖包来解决。 4. 文件权限问题：请确认当前用户是否有对应的文件权限，可以通过 sudo 命令来提升权限进行安装。 如果以上方法都无法解决问题，可以尝试重新安装 Node.js 和 npm，并重新安装 vue-cli。同时，也可以尝试使用其他方式构建 Vue.js 应用程序，比如使用 Vue.js 官方提供的 Vue CLI UI 界面化工具进行构建。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值