vue build :零配置快速开发

最新推荐文章于 2023-12-06 10:07:38 发布
最新推荐文章于 2023-12-06 10:07:38 发布
阅读量808 收藏 1
点赞数 2
分类专栏： VUE 文章标签： vue 启动 免安装 vue-cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/feifanzhuli/article/details/78214945
版权
无需vue-cli，只需一个*.vue文件，使用vue build命令即可轻松启动项目，适用于Vue DOM操作和小型项目。确保vue-cli版本在2.8.0+，运行命令：vue build app.vue，并关闭其他命令窗口。
摘要由CSDN通过智能技术生成

不需要vue-cli 脚手架搭建，只写一个*.vue文件就可以通过vue build 命令启动，非常合适想写一点Vue的dom或小型项目。
要求vue-cli 更新到2.8.0+

命令： vue build app.vue

启动时关闭其它运行的命令窗口

爱睡的虫虫
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
vue-build：超简单，开发，测试和生产构建Cli
01-31
构建过程是前端开发中最令人沮丧的事情之一，并且通过一堆您很少需要考虑的配置和程序包使您的应用程序混乱，这也无济于事。 Vue-build解决了这些问题，并希望通过一系列流行的用例消除它们。 Vue 2，Webpack 2，...
vue项目结构目录介绍
LEP2969171141的博客
03-02 7377
vue项目介绍
Vue 项目 build 流程解析（webpack工具解析）
ck2580的博客
12-15 7770
Vue 项目 build 流程解析（webpack工具解析） 注：本篇文章解析框架为 vue2.0 本篇文章通过解析简单的项目打包步骤试着去了解我们的 Vue 项目是怎么打包的。 build.js 干了什么 首先我们贴上 build.js 代码，方便后续解读： 'use strict' // 版本校验解析 require('./check-versions')() process.env.NODE_ENV = 'production' // 引用解析 const ora = require('ora')
Vue中各个文件夹简单了解
CP011522的博客
03-04 1174
Vue中各个文件夹简单了解
解析Vue项目每一个文件夹及文件的作用
青春木鱼的博客
12-08 4399
使用vue-cli2.x脚手架为每个vue项目创建脚手架项目结构，项目结构目录中每个文件夹的介绍
Vue项目build打包webpack优化
weixin_43443341的博客
11-13 3199
webpack-bundle-analyzer 打包分析工具 1、首先安装模块 npm i webpack-bundle-analyzer -D 2、在Vue-Cli3中配置 // vue.config.js const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin module.e...
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
这个错误可能出现在多种场景下，比如本地开发环境配置不正确或者网络环境变化等。本文将重点讲解如何解决Vue项目中出现的这个报错问题。 首先，我们分析错误产生的原因。在提供的描述中，作者提到是因为频繁更换...
vueDemo：从零到一学习vue
02-23
你好，世界 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
用vue快速开发app的脚手架工具
08-27
Vue 快速开发 App 的脚手架工具 MogoH5+ 一、概述 MogoH5+ 是一个基于 Vue 的多页面应用程序脚手架工具，旨在帮助开发者快速开发安卓和 iOS 应用程序。该工具结合 H5+ 可以快速生成 APP，并且支持多页面网页生成。...
全新打包工具parcel零配置vue开发脚手架
10-18
使用`parcel-vue`可以快速地启动一个Vue.js项目，无需手动配置，这对于新手和快速原型开发尤其有帮助。通过这个脚手架，开发者可以更加专注于编写业务代码，而不是纠结于构建工具的配置问题。 总结来说，`parcel-...
Vue项目创建、打包与部署详解
qq_45559536的博客
07-11 1436
vue项目的创建、打包与部署详解
详解 Vue 目录及配置文件之 build 目录
xnian_的博客
05-26 9020
详解 Vue 目录及配置文件之 build 目录 1.1 项目目录介绍 目录/文件 说明 详解 build 项目构建(webpack)相关代码 详解 config 配置目录，包括端口号等 详解 node_modules npm 加载的项目依赖模块 详解 src 这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：  ♞ assets：放置一些图片，如 logo  ♞ components：放置一些组件  ♞ view...
使用vue-cli搭建SPA项目
weixin_45174537的博客
08-26 253
什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack xxx 【注1】xxx 为自己创建项目的名称 【注2】必须先安装vue,vue-cli，webpack，node等一些必要的环境 安装vue-cli 在cmd执行命令： npm install -g vue-cli 安装成功后在 E:\...
vue项目结构及文件介绍(2) —— build文件夹
luwenze的博客
04-21 1万+
build文件夹里面是对 webpack 开发和打包的相关设置，包括入口文件、输出文件、使用的模块等； build.js文件 构建环境下的配置:loading动画、删除创建目标文件夹、webpack编译、输出信息 'use strict' // js的严格模式 require('./check-versions')() // node和npm的版本检查 process.env.NODE_ENV...
vue项目各文件说明
weixin_66059613的博客
03-05 4158
包裹，默认是影响全局的，如需定义作用域只在该组件下起作用，需在标签上加scoped，
Vue课程23-配置build命令
geyaoisnice的博客
05-30 696
webpack.config.js { "name": "change-rows-color", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "webpack serve", "build":"webpack serve --mode production" }, "keywords": [], "author": "", "lice...
搭建一个vue项目(完整步骤)
duanna0824的专栏
06-22 2万+
一、安装node环境　　1、下载地址为：Node.js　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功　　3、为了提高我们的效率，可以使用淘宝的镜像：npmmirror 中国镜像站　　输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。　　检查是否安装成功：二、搭建vue项目环境　　1、全局安装vue-cli　　npm install --
如何搭建一个vue项目(完整步骤)
热门推荐
没有在适当的年纪做正确的事，非刻意而为之，知识后知后觉!
04-17 18万+
一、环境准备 1、安装node.js 下载地址：https://nodejs.org/zh-cn/ 界面展示 2、检查node.js版本 查看版本的两种方式 1|node -v 2|node -version 出现版本号则说明安装成功（最新的以官网为准） 3、为了提高我们的效率，可以使用淘宝的镜像源 输入：npm install -g cnpm --registry=https://registry.npm.taobao.org 即可安装npm镜像源 以后再用到npm的地方直接用cnpm
vue（二）build 打包
最新发布
shelter123456的博客
12-06 504
【代码】vue（二）build 打包。
手动配置webpack创建Vue项目：仿vue-cli脚手架
10. 完成以上步骤后，你的项目就已经具备了基础的webpack配置和Vue项目结构，可以开始编写Vue应用了。 通过手动配置webpack，开发者可以深入了解项目构建过程，这对提升编程思维和调试效率非常有帮助。尽管vue-cli...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值