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

最新推荐文章于 2022-08-31 16:22:00 发布
最新推荐文章于 2022-08-31 16:22:00 发布
阅读量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项目
weixin_44724686的博客
07-03 105
！！！二是cnpm目录放错位置了，这时要重新设置一遍缓存目录，即 设置npm安装程序时的默认位置 设置npm安装程序时的缓存位置 npx vue -V（检查脚手架版本号） npx vue create project（创建项目名称） 注：项目名称不能有大写接下来你就可以编写你的项目啦...
vue-cli2.x项目优化之引入本地静态库文件的方法
08-27
vue-cli2.x项目优化之引入本地静态库文件的方法 本文主要介绍了 Vue-cli 2.x 项目优化方法之一，即引入本地静态库文件的方法。该方法可以有效地优化项目的编译速度和文件大小。 首先，需要将 node_modules 下相应...
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，页...
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-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 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
Vue Cli4.5版本手机端适配（rem）
最新发布
m0_50080847的博客
08-31 141
1.安装amfe-flexible(根据屏幕动态改变根元素font-size，postcss-pxtorem把代码中px转为rem) npm i amfe-flexible -S2.安装postcss-pxtorem(一款 PostCSS 插件，用于将 px 单位转化为 rem 单位) 安装命令 npm i postcss-pxtorem@5.1.1 3.然后在main.js里引入amfe-fl...
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类似 ...
vue-cli 版本 4.5.4 脚手架搭建项目
lss0555的博客
08-19 2383
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码
安装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.8搭建项目的坑
shabbyaxe的博客
11-07 1419
map()
配置vue cli 4.0.5
bx的博客
10-25 576
1.安装node之后 打开cmd 执行以下步骤 2.创建文件,回车 3.选择默认或手动配置，我选了默认 4.等待项目创建及依赖加载完成 5.启动项目 6.复制访问local地址，可看到项目 7.创建hello world,找到如下文件， 删除选中 8.更改成hello world, 保存 9.可看到demo已被修改： ...
Vue-cli v4.5.x 创建项目
oowweb的博客
03-04 4834
目录安装创建选择预设:(使用方向键)选择项目的特性是否使用路由的 history 模式选择一个CSS预处理器选择：编码规则选择代码规则检测方式选择一个单元测试解决方案选择一个端对端测试解决方案您希望Babel, ESLint 配置的存放位置，我们选择在专用的配置文件中Save this as a preset for future projects?(y/N) （是否保存配置 我们可以选择Y ，保存后下次构建项目的时候就可以直用这次的配置构建项目）创建完成运行项目注 安装 安装3.x及以上版本 npm i
Vue CLI 4.5.7 脚手架项目的搭建、目录结构分析、Vue Router的基本使用
jonssonyan
10-17 1356
Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需 eject。 官方文档地址：https://cli.vuejs.org/zh/guide/ 通过Webstorm npx方式新建一个Vue CLI脚手架项目 默认目录结构如图所示 打开命令行，使用npm ls --depth 0查看项目默认依赖 使用npm run se.
Vue CLI 3.x快速搭建Vue.js项目指南
Vue CLI 3.x 是 Vue.js 官方提供的一款强大的脚手架工具，用于快速搭建 Vue.js 项目。它简化了项目初始化、配置以及构建过程，让开发者能够更专注于编写核心业务代码。 一、Node.js 和 Git 的安装 1. Node.js 安装...
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值