使用vue-cli4.5.x快速搭建项目

最新推荐文章于 2023-02-21 11:47:28 发布
最新推荐文章于 2023-02-21 11:47:28 发布
阅读量1.1k 收藏 2
点赞数 4
分类专栏： Vue.js 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52697994/article/details/117382460
版权
目录一、安装vue-cli二、创建项目1.生成项目文件;2.选择生成配置方式3.插件选择4.单项配置5.选择包管理工具三.VueUI修改配置附-删除已保存的配置选项总结一、安装vue-clinpm i @vue/cli -g二、创建项目vue-cli会创建一个完整的项目文件夹,内部包含src等,我们仅需要cd进打算放置这个项目文件的文件夹内执行如下代码即可;1.生成项目文件;终端输入:vue create projectname2.选择生成配置方式此处选择最下面一项进行手动配置(你
摘要由CSDN通过智能技术生成

目录

一、安装vue-cli

npm i @vue/cli -g

二、创建项目

vue-cli会创建一个完整的项目文件夹,内部包含src等,我们仅需要cd进打算放置这个项目文件的文件夹内执行如下代码即可;

1.生成项目文件;

终端输入:

vue create projectname

2.选择生成配置方式

此处选择最下面一项进行手动配置
(你要是喜欢用eslint就直接选vue3那项就好)
在这里插入图片描述

3.插件选择

选择你需要的插件,上下箭头移动,空格切换选取状态,全部选择完成后,敲下回车开始下一步.
在这里插入图片描述
选错或漏选?没事,构建完毕后你依然可以通过Vue UI来修改插件配置(下面会说到)

我不太适应ESLint

最低0.47元/天 解锁文章
白瑕
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 13
    评论
专栏目录
vue-cli4 项目搭建及初始化
renshaoqi的博客
12-17 1353
文章目录一 版本号二 安装2.1 安装 vue-cli2.2 安装 nodejs三 开始创建项目3.1 使用可视化ui界面创建项目 一 版本号 vue-cli 4.5.9 nodejs v14.9.0 二 安装 2.1 安装 vue-cli npm install @vue/cli -g 这里建议使用国内淘宝镜像下载，npm 是使用外国的资源，下载会很慢很慢… 安装淘宝镜像 npm install -g cnpm -registry=https://registry.npm.taobao.org
vue-cli4.5 创建项目
司马懿的西山居
02-16 1341
升级最新的 vue-cli npm uninstall -g vue-cli npm install -g @vue/cli 创建项目 命令行创建 vue create <项目名称> 目前可以选择是基于 Vue2 还是 Vue3 的项目 图形界面方式创建 vue ui 项目目录 创建的Vue3d的项目目录基本与Vue2类似 ...
uniapp + uniapp2wxpack构建微信小程序插件
u010246360的博客
07-28 2822
使用uniapp + uniapp2wxpack构建微信小程序插件
Vue-cli4.5脚手架搭建项目（零基础小白都能看懂）
08-22 1278
1.安装vue-cli npm install -g @vue/cli # or yarn global add @vue/cli 安装成功后可以查看版本号：vue -V 如果出现版本号@vue/cli 4.5.13 那么表示安装成功 （4.5.13是我当时的最新版） 2.创建项目 vue create project (vue create+你的项目名称，project为我此次创建项目的项目名) 然后按下回车键，会显示以下界面，因为我之前有保存过名称为EIT的...
Vue-Cli安装和配置（全）
最新发布
qq_44709970的博客
02-21 4035
安装、配置、淘宝镜像、可能出现的问题
vue-cli2.x项目优化之引入本地静态库文件的方法
08-27
vue-cli2.x项目优化之引入本地静态库文件的方法 本文主要介绍了 Vue-cli 2.x 项目优化方法之一，即引入本地静态库文件的方法。该方法可以有效地优化项目的编译速度和文件大小。 首先，需要将 node_modules 下相应...
Vue-CLI 4.x 自动部署项目至服务器
04-01
使用 scp2+cross-env 自动化上传部署 scp2是一个基于ssh2增强实现，纯粹使用JavaScript编写。...这里我们就用这个功能，在Vue编译构建成功之后，将项目推送至测试/生产环境，以方便测试，提高效率。
vue-cli 3.x 修改dist路径的方法
12-11
一些牢骚 前端的世界真的太奇妙，更新速度真的跟火箭一样。...最近在一个项目中，将vue-cli更新到了最新版的3.x。同时webpack也更新到了4.x。webpack4在一些配置上有了很大一部分的精简。据说是受到了最近
vue-cli3.X快速创建项目的方法步骤
12-13
Vue CLI 是 Vue.js 的官方命令行工具，用于快速搭建 Vue.js 项目。Vue CLI 3.x 版本引入了许多改进，使得项目初始化更加便捷。在本文中，我们将深入探讨如何使用 Vue CLI 3.x 快速创建项目，以及在创建过程中涉及的...
浅谈vue-cli 3.0.x 初体验
11-27
为了指定不同的环境配置，可以在`package.json`中添加自定义脚本，例如 `"dev-build": "vue-cli-service build --mode development"`，这样就能在开发环境下运行特定的构建任务。而`process.env.NODE_ENV` 变量可以...
picocli-4.5.0.jar
05-28
具有注释API和编程API的Java命令行解析器。 ANSI样式和颜色的使用帮助。 自动完成。 嵌套子命令。 易于作为源添加，以避免添加依赖项。 info.picocli/picocli/4.5.0/picocli-4.5.0.jar
VueCLI v4.5.4 创建vue项目（手选模式创建）
{竹子}
09-06 2万+
创建项目 vue create v1 v1 项目名称 大意：请选择一个预设（有3个预设置） Default ([Vue 2] babel, eslint) Default (Vue 3 Preview) ([Vue 3] babel, eslint) Manually select features # 手动选择功能 选择 Manually select features创建 Vue CLI v4.5.4 ? Please pick a preset: Manually select fea
vue-cli环境搭建
a1578460233的博客
05-31 395
vue学习记录（vue-cli） 1. 安装npm 下载地址 npm -v 版本号 2. 安装vue-cli npm install -g @vue/cli vue --version 版本号 3. 搭建项目 vue create 项目名 上下左右是移动 空格是选中 a是全选 Manually select features （手动配置） Vue CLI v4.5.13 ? Please pick a preset: Manually select features ? Chec
安装vue脚手架@vue/cli 4.5.13(稳定版)
哈哈哈，呜呜呜
10-09 1万+
安装vue脚手架vue/cli@3.12.1(稳定版) 最近从0搭建一个 vue 简单的 h5 页面，还记得以前自己是用 vue-cli 2.0的版本 里面有默认配置好的webpack配置，但现在很多小伙伴都已经用最新的 @vue/cli 4+ 版本了，毕竟 @vue/cli 3 以上 的版本，比 2.0 的配置文件简洁了很多，当然你还得跟上时代的脚步，不然你就被淘汰了。但自己搭建过的小伙伴都应该知道， ...
vue-cli4.5创建vue项目
huhuhuja
01-06 638
一、环境准备 1.node npm 二、创建项目 1.过入特定的目录，在搜索拦输入cmd过入命令行 2.升级vue-cli4最新 npm install @vue/cli -g //全局安装最新的脚手架 3.创建项目 vue create 项目名称(貌似不能含有大写字母) 选择配置方式： default: 默认配置 Manually select features 手动配置 选中Manually select features后，再选择功能： history mode，页...
@vue/cli4.5.8搭建项目的坑
shabbyaxe的博客
11-07 1419
map()
【vue】使用vue-cli4.0快速搭建一个项目
热门推荐
hello world_
10-25 10万+
前言 最近公司的项目终于到了空闲期，而闲不住的我终于把目标放到了项目的迁移上面 因为公司的项目比较早的原因（虽然当时vue-cli也出来了一段时间，但是不敢轻易尝试啊！） 所以使用的环境还是 vue2.x版本的，而又因为公司的前端项目都是我来搭建的原因（并不是技术大佬，入职早！） 所以所有项目开发的时候一直在用的 vue-cli2.0，后来项目多了也没时间就没往 vue-cli3.0 迁...
vue-cli3脚手架V4.5的使用
苦夏木禾
04-11 3133
最近在研究vue3.0,相关的脚手架(vue-cli)更新到了V4.5以上,记录一下相关的使用 安装 如果之前安装过vue-cli 2.x的版本,也就是之前vue2.x对应的版本,需要先进行卸载,命令: npm uni -g vue-cli 没有则跳过,接下来安装vue3.0的cli,命令: npm i -g @vue/cli 查看vue-cli版本 vue -V 创建项目 输入指令 vue create 项目名 会出现这三种情况 1. 安装vue2预设Default ([Vue 2] babel
vue-cli 版本 4.5.4 脚手架搭建项目
lss0555的博客
08-19 2383
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值