从零开始学VUE之Vue CLI(Cli 4.x/3.x 初始化项目)

最新推荐文章于 2021-12-08 11:23:24 发布
最新推荐文章于 2021-12-08 11:23:24 发布
阅读量108 收藏
点赞数
文章标签： java python vue 项目管理 linux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/flowerStream/article/details/118323056
版权

Cli 4.x/3.x 初始化项目

vue create [项目名称]

选择手动的

通过空格控制是否选中

只选择Choose Vue version 和 Babel

敲击回车继续

选择Vue js版本,选择2.x,这个是vuejs版本不是cli的版本,cli的版本在创建的时候就决定了

将Babel EsLint etc 的配置放入单独的文件还是放入package.json中

选择单独的文件

然后后面有一个输入 y 和名字 敲击回车就可以了

目录结构

启动项目
npm run serve

启动成功

作者：彼岸舞

时间：2021\06\28

内容关于：VUE

本文属于作者原创,未经允许,禁止转发

十六夜之彼岸舞
关注
Vue 2.x折腾记 - (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化
CRPER
06-16 1万+
前言 @vue/cli v3从开始到现在已经经历了四个月的迭代(目前RC2), 除了终端初始化的姿势,还引入了一个新的项目初始化姿势; Web端的初始化,体验了一下,效果很不错;所以记录一下. 后方多图,感兴趣的可以瞧瞧,不感兴趣的请止步,免得浪费你的时间,谢谢.. 安装 npm i -g @vue/cli 常规命令 大体中文注释下 Usage: vue...
vue.js的vue-cli脚手架中使用百度地图API的实例
10-17
使用vue-cli，开发者能够更加专注于业务逻辑的实现，而无需从零开始搭建项目结构。 百度地图API是百度提供的一系列地图服务接口，开发者可以通过调用这些接口，在网页或移动应用中嵌入百度地图，并实现各种与地图...
vue-cli4.x 搭建Vue项目及初始化
qq_45264054的博客
04-17 399
一 安装环境 vue-cli 4.5.12 node.js 14.15.1 二 安装Node.js 下载地址：https://nodejs.org/en/ 安装完成后，查看node版本 node -v 三 安装vue-cli 全局安装vue-cli npm install(i) -g @vue/cli npm 是使用国外资源，下载会很慢，可以使用国内淘宝镜像下载 安装cnpm npm install -g cnpm -registry=https:://registry.npm.taobao.o
VUECLI3/4初始化项目过程
零碎@流年絮语 的博客
02-02 221
VUECLI3/4创建项目格式： 1.选择配置方式 ? Please pick a preset: Manually select features 2.选择自己需要的配置，空格选中或者反选 ? Check the features needed for your project: Choose Vue version, Babel 3.选择vue版本 ? Choose a version of Vue.js that you want to start the project with 2.x
vue-cli 3.x / vue-cli 4.x搭建项目
jstljspservlet的博客
09-04 2504
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-cli2/3/4的区别
热门推荐
忘缘
06-03 1万+
这里写目录标题1、安装、卸载2、项目创建3、项目结构4、项目启动 1、安装、卸载 vue-cli2： 全局安装：npm install -g vue-cli 或 cnpm install -g vue-cli 卸载：npm uninstall -g vue-cli 或 cnpm uninstall -g vue-cli vue-cli3： 全局安装：npm install -g @vue/cli@版本号 或 cnpm install -g @vue/cli@版本号 卸载：npm uninstall -g
vue-cli4.0搭建
依古比古的博客
08-01 1620
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-cli3中vue.config.js配置教程详解
10-16
它引入了“零配置”的概念，使得初始化项目变得极其简单。然而，在实际开发中，我们往往需要自定义一些配置以满足特定需求。这时，`vue.config.js` 文件就派上了用场。本文将详细介绍 `vue.config.js` 的配置选项...
从0搭建vue-cli4脚手架
10-15
本文将详细讲解如何从零开始搭建 Vue CLI 4 脚手架。 首先，你需要确保你的开发环境已经安装了 Node.js。Node.js 是 JavaScript 的服务器端运行环境，同时也包含了 npm (Node Package Manager)，它是用来管理 ...
使用 webpack 从0开始搭建的 vue3+sass+element-plus+typescript 项目
最新发布
09-02
在本文中，我们将深入探讨如何使用Webpack从零开始搭建一个基于Vue3、Sass、Element-Plus和TypeScript的项目。Webpack是一个强大的模块打包工具，它能够处理JavaScript、CSS和其他资源，将它们打包成优化过的单一...
vue-cli 4.0构建vue项目
xgwcLee的博客
01-18 371
vue-cli 4.0构建vue项目 一、安装vue-cli脚手架 1 检查是否已经安装vue-cli及版本 vue -V命令 版本低于4.0需要先卸载 再全局安装 卸载命令 cnpm uninstall -g vue-cli 重新安装cnpm install -g @vue/cli 安装完成之后检查是否安装成功 PS C:\Users\WX> vue -V @vue/cli 4.5.10 二、使用vue-cli 4.0新建vue项目 以项目位于D:\workspace\vue.
vue中使用svg图片（cli2.x、cli3.x、cli4.x配置）
逆风也微笑的博客
04-23 605
一、安装 svg-sprite-loader 插件 npm install svg-sprite-loader 二、基于 vue-cli2 项目 webpack 配置 配置build文件夹中的 webpack.base.conf.js 文件 //注意 url-loader 中要将 icons 文件夹排除, 不让 url-loader 处理该文件夹 exclude: [resolve('src...
hadoop2.9.2安装hadoop_pid_dir_手把手教你安装使用Vue CLI (2.x 3.x 4.x)
weixin_39777540的博客
11-25 119
安装vue脚手架之前，先安装好node环境！！!以下安装过程中，如果重复安装一直报错，可以尝试使用下面命令清理npm缓存npm cache verifynpm cache clean --force安装webpacknpm i webpack-cli -g #全局安装, linux和Mac 需要加sudowebpack-cli -v #安装后, 可查看版本Vue CLI 2...
vue-cli不同版本对比(vue-cli2/cli3/cli4)
@微你
05-22 2213
版本/操作 vue-cli2 vue-cli3/cli4 vue-cli下载安装          npm install vue-cli -g          npm install -g vue@cli 创建新项目 vue init webpack 2.0project vue create 3.0project 启动项目 npm run dev npm ru...
vue cli4.0快速上手
胡萝卜的博客
07-06 835
文章目录一、Vue是什么？二、使用步骤1.创建一个目录创建项目2.我们这里选择手动配置3.选择你需要的配置项4.选择3.x5.是否使用history router6.选择如何存放配置7.是否保存当前配置8.等待创建项目9.执行它给出的命令，可以直接访问了 一、Vue是什么？ Vue是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue.
使用vue-cli4.0搭建项目 代码搭建项目
weixin_44231395的博客
04-12 213
版权声明：本文为CSDN博主「不想写代码的码农」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/liyunkun888/article/details/102738377 本篇文章就是主要记录迁移的过程和 vue-cli3.0 的搭建过程 一、升级本地环境 因为 vue-cli3.0 要 nodeJs&...
vue cli4.0 快速搭建项目详解
weixin_50813407的博客
12-08 299
搭建项目之前，请确认好你自己已经安装过node, npm, vue cli。没安装的可以参考下面的链接安装。 如何安装node? 安装好node默认已经安装好npm了，所以不用单独安装了。 如何安装vue cli? 剧场环境已搭建好，开始表演！ 1.进入一个目录，创建项目 对应命令： vue create project-one 2.我们这里选择手动配置 按↓选择“Manually select features”，再按Enter 3.选择你需要的配置项 通过↑...
Vue CLI4.0最新版安装教程
chocolate_nan的博客
07-16 1626
关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 注意点：Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。 1.你可以使用下列任一命令安装这个新的包： npm install -g @vue/cli 或者 yarn global add @
从零开始搭建Vue CLI4前端脚手架
"这篇教程详细介绍了如何从零开始搭建Vue CLI 4的脚手架，适合初学者和希望了解Vue项目构建流程的开发者。" 在前端开发领域，Vue.js是一个非常流行的JavaScript框架，用于构建用户界面。为了快速、高效地初始化Vue...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值