Vue脚手架

已于 2022-03-14 15:14:07 修改
阅读量158 收藏
点赞数
分类专栏： 前端 文章标签： vue.js 前端 javascript
于 2022-02-15 10:25:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45747546/article/details/122937780
版权

VueCli(Vue脚手架)

image-20210922221207148

前提条件

image-20210922221548688

image-20210922221809084

vue-cli的使用

安装脚手架3

npm install -g @vue/cli

查看vue版本

vue --version

并拉取2.X模板（旧版本）

npm install @vue/cli-init -g

先下载3.x再拉取2.x的目的是既可以使用3.x创建项目又可以使用2.x创建项目 PS: 注意这里都是全局安装

vue cli2初始化项目

创建一个vue-cli 2.0项目

vue init webpack my-project

image-20210923094519913

vue2.x目录结构

image-20210930105351113

vue cli3初始化项目

创建一个vue-cli 3.0项目

vue create my-project

image-20211009143031594

vue 3.0 配置

image-20211009153347087

保存下来的配置可以在C:\Users\Admin.vuerc目录删除

RbxC0IvD-1644891874032)]

保存下来的配置可以在C:\Users\Admin.vuerc目录删除

本科计算机bi-ye-she-ji辅导，远程安装运行+部署，欢迎各位小伙伴打扰~企鹅号：298-150-5753

浓黑的悲凉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue脚手架（纯净版）
07-10
Vue脚手架（Vue CLI）是官方提供的一个命令行工具，旨在简化Vue项目的搭建和配置过程，让开发者能够快速启动新项目。"vue脚手架（纯净版）"通常指的是剥离了某些非必要插件或预设，只保留基础功能的CLI版本，以满足...
Vue CLI拉取2.x模板（旧版本）download template失败解决方法
5coder的大前端进阶之路-个人博客网站：blog.5coder.cn
04-15 1111
Vue CLI拉取2.x模板（旧版本）download template失败解决方法 方案一：配置hosts文件或networks文件映射主机名和端口号 windows系统中，找到目录：C:\Windows\System32\drivers\etc\,从其中找到hosts或者networks文件，使用编辑器打开，在尾部添加一下映射： # github 192.30.253.113 github.com 185.199.108.153 github.github.io 151.101.72.133 a
VUE脚手架的下载和配置步骤详解
01-19
VUE脚手架下载 1.第一步全局安装脚手架 cnpm i @vue/cli -g 2.第二步创建项目 创建文件夹,打开文件命令窗口 vue create 自己创建的项目名 3. 有两个选项，选择第二个，也就是自己选择配置 4. 选择自己需要的配置...
vue脚手架搭建过程图解
08-27
Vue CLI（命令行接口）或Vue脚手架是一个官方提供的工具，它能帮助开发者快速初始化一个新的Vue项目，包含了一整套自动化构建工具，如编译、热重载、代码分割、优化等。在开始搭建Vue脚手架之前，我们需要确保已经...
Vue脚手架的简单使用实例
10-18
Vue脚手架是Vue.js开发过程中常用的工具，它基于Webpack，可以帮助开发者快速搭建项目结构，实现自动化构建、打包和热加载等功能。Vue脚手架简化了项目的初始化工作，使得开发者能够专注于编写核心业务逻辑。 首先...
基于vue脚手架
07-23
Vue脚手架是开发者为了快速搭建Vue项目环境而创建的一套工具集，它通常包括配置好的Webpack、Babel和其他必要插件，使得开发者能够专注于编写业务代码，而无需关注底层构建细节。 Element UI 是一套为开发者、设计...
Vue（四）——总结
初叙
08-14 179
vue总结
vue选中下拉框数据，但是值没有填充到框内
m0_68154641的博客
08-14 73
element-ui选中下拉框数据，但是值没有填充到框内
Vue和Jquery的区别
MarisTang的博客
08-14 555
Vue.js 适用于现代化、复杂的前端应用开发，特别是单页面应用（SPA），而 jQuery 则更适合简单、传统的 Web 开发需求。Vue 提供了更强大的数据绑定和组件化能力，而 jQuery 更加轻量和简单，适合快速开发。
使用 TinyVue 组件库搭建前端项目的实操体验
Echo_Wish的博客
08-14 433
在这个示例中，我们创建了一个包含用户名和密码输入框的表单，并添加了表单验证功能。总的来说，TinyVue 组件库为前端开发提供了强大的支持和便利。通过这次活动，我不仅提升了自己的开发技能，还对 OpenTiny 的产品有了更深入的了解。在这个示例中，我们引入了 TinyButton 组件，并在按钮点击时触发一个成功消息。TinyVue 组件库提供了丰富的 UI 组件，可以满足各种业务需求。在项目中，我使用了 TinyVue 提供的多个组件来构建页面。首先，我按照官方文档的指引，完成了开发环境的准备工作。
vue3进阶用法之通过调用函数动态加载组件用法及示例
wz9608的博客
08-14 153
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
Vue+Echart实现地图省市区三级下钻
weixin_44107140的博客
08-14 220
采用在线地图数据，整体简约，扩展也方便。
Vue2中watch与Vue3中watch对比
qq_40792800的博客
08-14 551
Vue3 中的 watch 是一个函数，接收三个参数，第一个参数是需要被监听的数据( 可以是单个数据，也可以是数组格式的多个数据 )，第二个参数是回调函数，第三个参数则是监听配置项( 深度监听、初始化监听 )。该回调会在任何被侦听的对象的 property 改变时被调用，不论其被嵌套多深，也就是说即使监听的是一个对象形式的数据，只要对象内部属性发生变化，都能被监听到。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。简单监听：监听的是一个回调函数，当监听的值发生改变时，才会执行监听动作。
uniapp/vue个性化单选、复选组件
luck332的专栏
08-14 129
个性化单选和复选组件在网页设计中非常常见，它们不仅能够提升用户界面的美观度，还能改善用户体验。此组件是使用vue uniapp实现的个性化单选复选组件。设计完成后，点击生成源码即可。
vuex properties of undefined (reading ‘getters‘)
唐僧的专栏
08-09 332
properties of undefined (reading 'getters')
Vue 中 app.config 相关配置项介绍与案例
前端基地
08-13 671
本博文展开了细致且全面的阐述，对 app.config 、app.config.errorHandler 、app.config.warnHandler 、app.config.performance 、app.config.compilerOptions 、app.config.globalProperties 以及 app.config.optionMergeStrategies 进行了深入剖析。不仅清晰明了地介绍了它们的功能和特性，还通过丰富多样的实际案例展开了详尽的分析。
vue-lic
最新发布
qq_64669006的博客
08-14 132
Vue 应用中的跨域问题通常是由于浏览器的同源策略引起的，它阻止了一个源（origin）的网页上的JavaScript 代码请求另一个源的资源。也就是说，只要https://www.baidu.com中https://，www.baidu，.com中有一个不一样，就会导致存在跨域问题。2.逆向传递数据(vue不支持逆向传递)-->子组件给父组件传递，通过$emit("事件名",要传递的数据)自定义监听事件。，这里因为本身就有/api，再添加了一个/api，所以需要去掉一个/api，也就是重写路径。
Vue+ElementUI技巧分享：创建一个带有进度显示的文件下载和打包组件
吾家有猫名探花的博客
08-14 490
在应用中处理多个文件的下载时，用户希望看到清晰的进度显示，同时在下载多个文件时，将它们打包成 ZIP 文件提供下载也是常见需求。通过使用 Vue 和一些实用的 JavaScript 库，我们可以轻松实现这一功能。下载多个文件，并实时显示每个文件的下载进度。打包下载的文件为 ZIP 并显示打包进度。在进度条内同时显示文件名称和下载百分比。下载完成后自动关闭对话框。
vue 2.x + @vue/cli 4.x开发阶段使用Vite
m0_44963501的博客
08-14 131
vue/cli 升级 vite 动态菜单vite处理
vue 脚手架
05-24
Vue.js 提供了一个官方的 CLI（命令行界面），即脚手架，用于快速搭建 Vue.js 项目。脚手架提供了一些默认的配置，例如开发服务器、构建配置等，使得项目的搭建和维护更加容易。 安装 Vue.js 脚手架需要先安装 Node...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值