vue-cli4.0 快速搭建项目

最新推荐文章于 2021-08-01 18:36:59 发布
最新推荐文章于 2021-08-01 18:36:59 发布
阅读量236 收藏 1
点赞数
分类专栏： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cdgogo/article/details/108328829
版权
本文详细介绍了如何使用Vue CLI4.0手动配置搭建项目，包括选择history router、css预处理器、Eslint规则、代码检测时机、单元测试等步骤，并给出了配置建议。
摘要由CSDN通过智能技术生成

搭建项目之前，请确认好你自己已经安装过node, npm, vue cli。没安装的可以参考下面的链接安装。

如何安装node?

安装好node默认已经安装好npm了，所以不用单独安装了。

如何安装vue cli?

剧场环境已搭建好，开始表演！

1. 进入一个目录，创建项目

在这里插入图片描述
对应命令：
vue create project-one

2. 我们这里选择手动配置

按 ↓ 选择“Manually select features”，再按 Enter
在这里插入图片描述

3. 选择你需要的配置项

通过↑ ↓ 箭头选择你要配置的项，按 空格 是选中，按 a 是全选，按 i 是反选。具体每个配置项表示什么意思在下面会有说明。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

? Check the features needed for your
最低0.47元/天 解锁文章
cdgogo
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli4安装及项目搭建
前端e栈
02-19 614
开始安装之前，请确保你已经安装过nodejs环境了，如未安装过node,可参考使用nvm管理node版本，安装node开发环境，这篇文章进行安装 安装vuecli4 如果你之前已经安装过vue-cli，先执行以下命令，卸载老版本，未安装请忽略 npm uninstall -g vue-cli 安装： npm install -g @vue/cli 安装完成后执行 npm -V 或者 npm – version查看当前vuecli版本 创建项目 npm建议切换为淘宝镜像,创建项目会快一点 创建项目执行
vue cli4.0 快速搭建项目详解
aitanxiaofeng的博客
01-13 228
https://www.cnblogs.com/sese/p/11712275.html
vue-cli4.0搭建
依古比古的博客
08-01 1608
vue.js越来越火爆.更多的项目vue进行开发,实际开发搭建开发脚手架. html css javascript node.js环境(npm包管理工具) webpack构建工具 webpack是一个静态资源构建，打包的工具 1.安装node.js 2.版本10.0.0以上 默认c盘 可下载淘宝镜像 比较稳定 也可以使用yarn 二:安装vue-cli脚手架构建工具 cnpm install -g @vue-cli 全局安装 vue -V查看版本 3.0为4.5.6 创建vue3.0项目 vue cre
vue-cli4快速搭建项目
流殇浮云的博客
05-11 383
vue-cli3搭建项目 一.安装nodeJS和npm : nvm安装nodeJS 二.全局安装脚手架 1.安装 npm install -g @vue/cli 或者 yarn global add @vue/cli 2.验证 vue -V 三.创建项目 1.跳转到指定目录下 cd E: 2.创建项目 vue create develop-fe 指向只会在第一次出现，以后不会再出现。输入Y继续 说明： 按键盘上下键可以选择默认（default）还是手动（Manually），如果选择def
使用vue-cli4.0快速搭建一个项目的方法步骤
10-15
本文将详细介绍使用 vue-cli 4.0 快速搭建项目的方法步骤。 首先，关于 vue-cli 的安装和升级。vue-cli 4.0 依赖于 Node.js 的版本，最低需要 Node.js 8.9 版本，而推荐的版本为 8.11.0 或更高。因此，在升级 vue-...
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
使用Vue-cli可以快速搭建起一个Vue开发环境，而不需要从头配置Webpack等构建工具。 在构建Vue项目之前，我们需要具备一些前置知识，例如熟悉Webpack 4的基础使用和Vue项目的基本骨架搭建。这里需要注意的是，虽然...
【 Vue全家桶 · Vue CLI（一）】快速入门Vue.js标准开发工具 —— Vue CLI 4.0
JZevin的博客
09-14 843
文章目录一. webpack开发 VS CLI开发1.1 webpack开发的痛点1.2 CLI工具二. Vue.js标准开发工具 —— Vue CLI 4.02.1 交互式的项目脚手架（@vue/cli）2.2 运行时开发环境依赖（@vue/cli-service）2.2.1 其它 CLI 插件的核心服务2.2.2 默认的 webpack 配置方案2.2.3 项目内部的 vue-cli-service 命令2.3 CLI 插件（@vue/cli-plugin）2.4 图形化界面（@vue/cli-ui）
使用vue cli4.x搭建vue项目的过程详解
10-15
主要介绍了使用vue cli4.x搭建vue项目的过程，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
vue-cli4搭建项目流程
songhsia的博客
08-17 596
一直使用的是vue-cli2，最近打算升级到vue-cli4，所以有了这篇文章。 一、下载vue-lic4，下载方法与cue-cli2略有不同 npm install -g @vue/cli vue create my-project 二、一些基础配置 （1）使用saas npm install style-resources-loader vue-cli-plugin-style-resources-loader -D npm install node-sass -D npm insta
vue-cli 4.0/vue-router/vuex
nana525484608的博客
04-25 271
一、安装 npm i @vue/cli -g 如果安装失败，使用 npm cache clean 清除缓存，然后再重新安装。 安装按成后，，使用以下命令检查是否安装成功： vue -V （注意 V 大写） 二、创建项目
vue-cli 3.x / vue-cli 4.x搭建项目
jstljspservlet的博客
09-04 2496
Vue Cli 3 官方文档：https://cli.vuejs.org/zh/guide/ 一、安装 @vue/cli 更新到 3.x 之后，vue-cli 的包名从 vue-cli 改成了 @vue/cli 如果之前全局安装了旧版本的 vue-cli (1.x 或 2.x)，首先需要使用以下命令卸载掉 // 如果没有安装旧版本的 vue-cli 可以跳过卸载直接安装（根据cmd命令 vue -...
vue cli4.0 搭建项目步骤详解
热门推荐
Aifangmy的博客
10-21 3万+
本文针对已经安装好node, npm, vue cli的情况~~~ ps:没安装的自行安装呀~ 然后开始创建项目！ 1.进入想要存放即将创建项目的目录，输入命令： 对应命令： vue create project-name 2.选择“Manually select features”（手动配置） ps：通过↑ ↓ 箭头选择你要配置的项 图片中对应的下标： 在创建项目最后一步问你是否保存当前配置：键入N不记录，如果键入Y需要输入保存名字。 默认安装的配置。 我们选择这个~~~手动配置 然后 按
VUE学习（二）搭建项目（VUE-CLI4.0）
renzong_dai的博客
10-27 2725
搭建项目一、安装node.js二、安装vue-cli4.0三、搭建项目 一、安装node.js 二、安装vue-cli4.0 npm install @all/cli -g 查看： vue -V 三、搭建项目 (1)Vue create + 项目名称 -->创建项目 (2)选择项目配置：(选中回车即可) ①Default 默认配置 ②Manually select features 手动配置 (按空格键添加/删除) (3)检查配置 是否需要使用history mode yes (4)选择css编译
vue-cli4.0快速搭建项目教程
"使用vue-cli4.0快速搭建一个项目的方法步骤" 本文主要介绍了如何使用vue-cli4.0来快速搭建一个Vue.js项目，包括升级本地环境和创建新项目的步骤。作者首先提到了由于公司项目早期采用的是vue-cli2.0，随着版本更新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值