vue-cli安装

最新推荐文章于 2025-12-04 17:39:28 发布
原创 最新推荐文章于 2025-12-04 17:39:28 发布 · 300 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

本文详细介绍了如何安装Vue.js开发环境，包括Node.js、淘宝npm镜像、Vue CLI等关键步骤，并提供了创建首个Vue项目的具体命令。

首先要安装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就可以了

在这里插入图片描述

vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
:globe_with_meridians: vue-cli-plugin-i18n Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠...
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
vue.js 三种方式安装(vue-cli)
热门推荐
muzidigbig的博客
05-29 35万+
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。 下面介绍三种 Vue.js 的安装方法： 1.独立版本 我们可以在Vue.js的官网上直接下载vue assets和static的区别 pnpm nvm(管理Node版本)、nrm(管理镜像源) 详解 Vue生命周期 父子组件的执行顺序 解决安装依赖包问题
Vue-CLI安装方法
weixin_63731304的博客
03-30 3844
Vue-CLI安装方法，适合新手小白
VUE-CLI/VUE-ROUTER
LKS_010620的博客
08-24 4551
官方文档vue-cli是vue官方出品的快速构建单页应用的脚手架，里面集成了webpack，npm，nodejs，babel，vue，vue-router。
如何查看vue-cli安装位置
weixin_44645309的博客
04-02 8160
如果你是用npm安装的，并且是安装在全局的，那么安装位置就在： C:\Users\Administrator\AppData\Roaming\npm\node_modules
vue-cli 安装tailwind
weixin_43540589的博客
12-30 1918
可行版本（2021.12.30）： “vue”: “^3.2.23”, “@vue/cli”: “4.5.15”, (2021.12.30最新的) “sass”:"^1.42.1", (若使用less的项目，请到官方找到vue/cli对应支持的less与less-loader) “sass-loader”:"^8.0.2" (版本太高可能会报错), “autoprefixer”: “^9”, “postcss”:"^7", “tailwindcss”: “npm:@tailwindcss/postcss7.
vue脚手架(vue-cli)详细安装过程
学习，是熵减的最有效途径。
08-16 4万+
CLI，俗称脚手架。全称是。vue-cli 是vue官方发布的开发vue项目的脚手架。vue脚手架用于自动生成vue和webpack的项目模板，是一个快速构建vue项目的工具，可以自动安装vue所需要的插件，避免手动安装各种插件、逐个引入的麻烦。以及自动配置webpack，之前我们都是手动配置webpack。首先是特别的繁琐，而且有一个很明显的问题是版本问题。版本不对可能就报错。以后这些事儿都交给我们的cli，他会自动帮助我们配置webpack。...
vue-cli安装和构建项目
qq_62881798的博客
09-26 3603
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
vue-cli安装教程
inticaler的博客
04-10 1543
vue-cli安装教程 vue-cli详细安装教程，首次写博客，记录一下 一、使用npm安装vue-cli之前，需要配置node环境。 node安装 去node官网（https://nodejs.org/en/download/）下载node安装包，安装。 npm安装 在终端框中输入命令：npm install npm -g，然后回车，如图 npm安装完成 二、安装vue-cli 在命...
Vue-cli安装步骤详细版
qq_45801516的博客
03-12 4028
1.我选择自定义安装步骤。
Vue+Vue-Cli安装配置使用全过程详解
qq_53878224的博客
10-24 2244
这里我看的是另一个博主的文章，写的非常详细，遇到问题可以看看讨论区推荐如express之类的模块用镜像安装。打开之前设置的node_global文件夹，在命令行中全局安装如果出现"Unhandled rejection Error:EACCES:permission denied"，说明操作权限不足，需要重新安装可采用如下代码。（不是很推荐，因为可能会出现一些错误）检查是否安装完成，如果终端输出版本号，表示 Node.js 已安装。
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 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-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 ...
Vue3常用的组合式API 超详细讲解
只会写bug
12-03 310
Vue3响应式系统核心API解析：ref与reactive的底层原理、使用场景及对比 摘要： Vue3的响应式系统基于Proxy实现，主要提供ref和reactive两个基础API。ref通过包装对象处理基本类型（需.value访问），兼容复杂类型时会自动转为reactive；reactive直接代理对象/数组，支持深层属性响应。两者各有适用场景：ref适合基本类型和需要替换整个对象的场景，reactive适合简单对象操作。此外，computed提供响应式派生值并具有缓存机制。使用时需注意：ref避免直接覆
数码商城系统|电子|基于SprinBoot+vue的数码商城系统(源码+数据库+文档)
伟庭的博客
12-02 648
本文介绍了一个基于SpringBoot和Vue.js开发的数码商城系统。系统采用B/S架构，包含前台用户模块（商品浏览、购物车、会员中心）、后台管理模块（用户、商家、商品分类管理）和商家模块（商品发布、抢购活动）。使用MySQL数据库存储数据，Redis缓存高频访问数据，并采用Redisson分布式锁解决抢购超卖问题。系统实现了商品多级分类、动态属性、库存预警等功能，通过定时任务管理活动上下架，集成富文本编辑器支持资讯发布。该系统有效降低了运营成本，提高了电商管理效率。
vue实现页面不断插入内容并且自动滚动功能
最新发布
weixin_50606255的博客
12-04 179
我们在看视频时经常会看到黑客入侵别人电脑会在屏幕上显示一串代码，并且代码不断插入自动滚动，看起来很厉害的样子，现在就在此纪录实现此功能：
计算机毕业设计|基于springboot + vue零食商城管理系统(源码+数据库+文档)
12-03 357
本文介绍了一个基于SpringBoot+Vue的零食商城管理系统。系统采用前后端分离架构，后端使用SpringBoot框架简化开发流程，前端采用Vue.js实现响应式界面，数据库选用MySQL存储数据。文章详细阐述了系统设计原则、技术选型理由，并提供了代码片段和测试用例参考。此外还包含毕设选题推荐和源码获取方式，适合作为计算机专业毕业设计的参考项目。系统功能完善，技术栈主流，具有实际应用价值。
vue-cli 安装
03-25
之前他们遇到了安装@vue/cli-service@3.5.3时webpack-dev-server@3.11.3的错误，现在可能已经解决了那个问题，或者现在想更全面地了解如何正确安装vue-cli。 首先，我需要确定用户的需求是什么。他们可能刚接触Vue....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值