Vue学习-1（2）使用@vue/cli创建项目

去看去思考 去看去思考 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 100+累计阅读 132平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄6年
关注
原创 最新推荐文章于 2026-03-30 02:49:19 发布 132 阅读 AI 写同款· GEO 优化 ›
使用vue-cli3.0创建一个项目 阅读详情

image-20201226174255718

yarn global add @vue/cli@4.1.2
npm install --global @vue/cli@4.1.2

image-20201226174541633

image-20201226174924684

修改'~/.vuerc'中"useTaobaoRegistry"为true

image-20201226175008557

image-20201226175215932

Use history mode for router？ NO
CSS pre-processor？SCSS(dart-sass)

image-20201226175418644
image-20201226175456455
image-20201226175543970
image-20201226175619028

  • cnpm不怎么维护了

  • yarn比npm稍快(别用npm装yarn)

收录于
vue学习

当前文章被收录于：

vue学习
18 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Vue CLI 3（一）——从卸载Vue CLI 2开始搭建新VUE项目并同时使用Vue CLI 2 Vue CLI 3问世后，因为公司项目紧张，一直没有机会学习。在项目上线后，本人终于抽出时间来自学一下。下面记录本人从卸载Vue CLI 2更新Vue CLI 3开始，一步步搭建VUE项目，并同时能用Vue CLI 2 启动Vue CLI 2搭建的项目。 注：本人电脑MAC。 一、卸载Vue CLI 2，安装Vue CLI 3： 1.关于旧版本： Vue CLI 的包名称由 vue-cl... 阅读详情

相关推荐

脚手架vue-cli和@vue/cli的搭建及区别

vue-cli与@vue/cli vue脚手架版本目前有2,3,4.不管搭建哪个版本的脚手架，首先都需要安装node. node的安装 node的安装我们可以直接去node官网(http://nodejs.cn/)下载安装，node安装完之后，node自带的包管理工具npm也就安装好了，我们win系统直接开始在cmd窗口输入node -v查看node版本号，如下图能看到版本号说明node安装成功:...

qq_37635012的博客 1万+

vue前端面试刷题练习1 峰峰博客

一、选择题 1．在Vue实例中可以定义方法的是（ B ）选项。 A. el B. methods C. data D. computed 2．下列指令中，不能实现条件判断的是（ D ）。 A. v-if B. v-else C. v-show D. v-bind 3．下列代码的运行结果为（ B ） <div id="example"> <p>{{len}}</p> </div> <script type="text

程序员峰峰 1万+

vue2创建项目的两种方式，配置路由vue-router，引入element-ui

vue2创建项目的两种方式，配置路由vue-router，引入element-ui

weixin_44434938的博客 7275

vue第三天笔记05——使用vue-cli脚手架工具创建一个项目

1.新建文件夹，命名不能是中文 2.打开该文件夹，在该文件夹路径下输入cmd，进入命令行 3.输入下面的命令 vue init 模板名项目名称(随便取名，要是英文) 模板名有三种： simple： 只有一个index.html文件，基本没用 webpack：可以使用(大型项目)Eslint 检查代码规范，单元测试 webpack-simple： 个人推荐使用, 没有代码检查 4.根据提示依次输入三行命令，便可以进入新建的项目 5.一些注意事项： （1）在项...

lqh的博客 408

基于IMU的纯惯性导航轨迹绘制实践与优化

本文深入探讨了基于IMU的纯惯性导航轨迹绘制实践。通过修改开源组合导航算法KF-GINS，屏蔽GPS更新并简化地球参数，实现了仅依赖IMU数据的轨迹解算。文章详细介绍了代码改造、轨迹可视化方法，并分析了误差累积的根本原因，为深入理解惯性导航原理与传感器融合的必要性提供了宝贵的实践经验。

ff678的博客 398

在MDK5.37版本中添加Complier Version 5（ 解决Missing Compiler Version 5 ）

本文章仅作为个人学习记录，方法也是从其他博主的博客中得到的，链接如下：二、Keil——Missing Compiler Version 5 和 core_cm3.c 问题解决 - YI颗白菜 - 博客园 (cnblogs.com) 问题描述 更新最新的keil版本(MDK5.37)后，在编译以前版本的工程文件时，发现出现了非常多的报错，在网上搜索之后发现原来时编译器版本不匹配的问题，即MDK5.37中使用的是Version 6版本的编译器，而缺少Version 5，对于以前编写的工

leveling99的博客 1万+

利用vue-cli快速创建一个vue项目

快速开始第一个vue项目 选择一个工作目录，并且用cmd进入该目录， # 创建你一个项目名称为 first-vue-project 的 vue 项目 vue create first-vue-project 接着你就会面临着第一个选择 default是指按照默认的选项去创建项目，Manually select features 是手动配置，我们选择手动配置。 选择你需要安装的第三方库，默认选...

只想好好敲代码的博客 1498

在树莓派5（8G版）上运行Ollama + LLM

直接上结论，Ollama在树莓派上能安装，且本身运行起来毫无压力，但具体到大语言模型，Deepseek似乎不总是最佳选择。

ki1381的专栏 1652

使用Vue/cli创建vue项目

Vue cli官网 1.安装vue/cli npm install -g @vue/cli 2.查看版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 vue --version @vue/cli 4.5.4 3.创建项目 1.执行vue create 项目名称 命令行窗口输入

FVZ的博客 233

CentOS 7下rsyslog日志服务器搭建全攻略：从安装到避坑

本文详细介绍了在CentOS 7系统上搭建rsyslog日志服务器的完整流程，从基础安装到高级配置，包括协议设置、日志模板设计、安全加固和性能优化。特别分享了生产环境中的实战技巧和常见问题解决方案，帮助用户高效构建可靠的日志管理系统。

happy2的博客 687

通达信K线主图指标公式实战：如何用颜色标记快速识别涨停与炸板信号

本文详细介绍了如何利用通达信K线主图指标公式，通过颜色标记快速识别涨停与炸板等关键信号。通过实战拆解公式源码，手把手教您构建直观的“视觉交易系统”，将复杂的K线形态转化为醒目的颜色信号，帮助投资者高效聚焦机会与风险，提升技术分析效率。

weixin_29302047的博客 1775

Vue CLI 官方文档（一）@vue/cli、@vue/cli-service、插件和 Preset

Vue CLI 官方文档（一）@vue/cli、@vue/cli-service、插件和 Preset 文章目录Vue CLI 官方文档（一）@vue/cli、@vue/cli-service、插件和 Preset1. 介绍该系统的组件CLICLI 服务CLI 插件2. 安装升级项目依赖3. 基础-快速原型开发vue servevue build4. 基础-创建一个项目vue create使用图形化界面拉取 2.x 模板 (旧版本)5. 基础-插件和 Preset插件在现有的项目中安装插件项目本地的插件Pr

qq_43456781的博客 6465

DP接口详解：从主链路到AUX通道的完整解析（附常见问题排查）

本文深入解析DP接口的三大核心子系统：主链路的高速数据传输、AUX通道的智能协商以及HPD信号线的即时响应。详细介绍了DP接口的物理层设计要点、链路训练与均衡技术，并提供了常见故障排查指南，帮助工程师解决实际应用中的技术难题。

weixin_30790841的博客 463

①Vue3 使用Vite或@vue/cli 创建项目

Vue3前言Vue3.0的新特性创建项目Vite@vue/cli 写下博客主要用来分享知识内容，并便于自我复习和总结。 如有错误之处，请各位大佬指出。 前言 2020年9月18日，Vue3.0版本算是发布了，虽然在很多方面有了较大提升，但显然它还需要不断地进行更新和调整。而且很多组件库和插件短期内不可能快速升级到Vue3.0，因此公司的项目短期内还没决定将Vue2.0全部升级到Vue3.0。虽然现在还未普及，但随着现在版本的发布，Vue3.0的学习需要提上日程，为之后的使用做准备了。所以现在记录一些，现

一个努力学习的程序猿 3336

深入大模型-13-大模型Skills应用之标准目录结构和开发一个Skill的步骤

首先对比Prompt工程，上下文工程，Skills工程，MCP工具的概念与区别，然后介绍Skill的标准目录结构，同时描述了开发一个Skill的步骤和最佳实践。

qq_20466211的博客 748

AutoSAR系列讲解（入门篇）1.2-AutoSAR概述

这里主要说明了AutoSAR是个什么，还有其工具链

雪云飞星的博客 5万+

使用@vue/cli脚手架创建项目

使用@vue/cli脚手架创建项目 1、安装@vue/cli脚手架工具 npm install @vue/cli -g 2、查看安装后的vue版本 vue -V(大写) 3、创建项目 vue create vue-20210227 4、选择项目的配置 // 选择一个预设 Please pick a preset: Manually select features // 选择项目的特征 ? Check the features needed for your project: (*.

hanq2016的博客 2641

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面，电脑运行连游戏界面都一样大小，很怀旧，很真实，（英文版）强烈推荐，很小的文件，很难才找到的。

@vue/cli创建项目报错ERROR Failed to get response from /vue-cli-version-marker的解决方案

致谢：优快云@beeegood提供的问题。 今天他们遇到一个很有意思的bug，用@vue/cli创建项目的时候报错了，还是个从来没见过的报错： 一开始以为是版本问题，毕竟报错信息上写着update，但是cli的版本是最新的，而且询问之后，node和npm版本也是最新的（12.16.1，截止我写这篇文章的时候是最新的）；最要命的是，也没有老版本的vue-cli…… 这就非常有意思了。按照惯例...

HermitSun的博客 2万+

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册，内含HL7和ASTM)

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android：LinePhone3.2.7(最新版本)，官网地址：http://www.linphone.org/

使用 @vue/cli 创建 Vue 3 项目

全局安装@vue/cli： npm install -g @vue/cli 创建项目： vue create hello-world-vue3 选择：Default (Vue 3 Preview) ([Vue 3] babel, eslint) 运行项目： cd hello-world-vue3 npm run serve 启动 vue ui： vue ui 添加路由及缓存： 成功添加后： 控制台日志： 页面效果： 增加va...

2552

温度PID控制PLC程序

温度PID稳定控制程序，适用于欧姆龙PLC，对其他PLC也具有很大参考价值

使用vue2应该安装的@vue/cli版本

如果你只想使用vue2作为主版本，请安装@vue/cli4.4.6版本，因为我在官网中看到了这句话 对于 Vue 3，你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli。 也就是说如果要使用vue2，需要@vue/cli4.5以下的版本，也就是@vue/cli4.4.6的这个版本 ...

yusha123的博客 5469

使用 Vue CLI 创建 Vue 2.x 项目

【图文教程】在 Win 10 下，使用 Vue CLI 5.0 创建 Vue 2.0 项目

weixin_42591485的博客 1万+

安装vue脚手架@vue/cli 4.5.13(稳定版)

安装vue脚手架vue/cli@3.12.1(稳定版) 最近从0搭建一个 vue 简单的 h5 页面，还记得以前自己是用 vue-cli 2.0的版本 里面有默认配置好的webpack配置，但现在很多小伙伴都已经用最新的 @vue/cli 4+ 版本了，毕竟 @vue/cli 3 以上 的版本，比 2.0 的配置文件简洁了很多，当然你还得跟上时代的脚步，不然你就被淘汰了。但自己搭建过的小伙伴都应该知道， ...

分享与记录前端点滴 1万+

使用vue-cli脚手架创建项目步骤

使用vue-cli脚手架快速创建项目

m0_45144737的博客 4348

vue-@vue/cli工具

vue项目的创建脚手架安装脚手架查看脚手架支持的命令创建项目命令行创建图形界面创建其他命令依赖更新重新设置相关配置 之前虽然一直使用vue,但是一直没有记录过关于vue的使用，最近学习的过程发现了一个新的vue的功能，记录一下。 脚手架 创建vue项目的官方脚手架@vue/cli ，使用脚手架可以帮你快速搭建项目的基本结构 安装脚手架 前提是已安装完成node,否则没有npm可以使用 npm install -g @vue/cli 查看脚手架支持的命令 通过以下命令查看可以执行的命令 vue -h 终端

前端 2259

使用vue-cli创建vue2项目（详解）

使用vue-cli创建vue2项目（详解） 说明！！！：Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。所以使用脚手架创建vue2的项目，需要先全局安装一个桥接工具，然后创建一个vue2的项目： 第一步：搭建node运行环境，根据操作系统选择相应安装包 下载地址：https://nodejs.org/en/download/ 检验是否安装成功，命令行中直接输入node -v，返回版本号即可。 第二步：安装webpack npm i

逆水行舟 不进则退 1万+

Windows 使用Vue-Cli或@Vue/Cli(Vue脚手架)创建Vue项目

@[TOC](Windows 使用Vue-Cli(Vue脚手架)创建Vue项目) 前言 vue-cli这个构建工具大大降低了webpack的使用难度，支持变动代码即更新，有webpack-dev-server的支持，相当于启动了一个请求服务器。 安装webpack 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入： 注意：webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命令npm install webpack webpack-cli -g n

SlowFeather's blog 953
上一篇： Vue学习-1（1）项目介绍
下一篇： Vue学习-1（3）目录结构说明
点赞 0
评论 0
书签 书签 0
去看去思考
去看去思考
博客等级 码龄6年 1粉丝 21原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值