vue项目初始化配置

最新推荐文章于 2024-04-12 18:45:18 发布
最新推荐文章于 2024-04-12 18:45:18 发布
阅读量332 收藏
点赞数
分类专栏： vue项目实战 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44239550/article/details/128634591
版权

总体步骤如下
在这里插入图片描述

① 使用命令行，进入vue控制面板，命令：

vue ui

②点击创建项目
在这里插入图片描述

③选择一个项目存放路径

在这里插入图片描述

④填写项目名称和初始化信息

在这里插入图片描述

⑤选择是否使用预设

可以选择一套原来预设的项目，这里第一次配置，选择手动配置
在这里插入图片描述

⑥进入选择需要的功能

这里选择以下四项功能
在这里插入图片描述
在这里插入图片描述

⑦进入配置界面

选择标准配置，其他不用动
在这里插入图片描述

⑧保存预设

可以保存也可以不保存
在这里插入图片描述

⑨添加element-ui插件

在这里插入图片描述

⑩搜索@vue/cli-plugin-element并选中安装

注意版本是1.0.1的
在这里插入图片描述
在这里插入图片描述

①① 配置插件 选择按需导入

在这里插入图片描述

①②配置axios

在这里插入图片描述
在这里插入图片描述
安装即可。

Record growth...
关注
专栏目录
Vue项目初始化
lingbolixx的博客
03-05 2034
项目初始化步骤： 一、vue ui 创建项目 二、安装依赖 / 插件 三、上传本地项目到Gitee/Github 一、vue ui 创建项目 1. iTerm打开vue GUI vue ui （2）功能选择：Babel（方便使用es6/es7语法）、Router（路由）、Linter/Formatter（用ESlint、Prettier 检查代码格式） （3）配置： ·默认不选 history router ·pick a lint...
前端vue项目初始化步骤以及后台项目的环境安装配置
Minnor的博客
05-28 1994
记录了项目初始化的详细步骤，初始化Git远程仓库，如何添加SSH公钥，如何将本地项目托管到GitHub或码云中以及后台项目的环境安装配置，使用Postman测试后台接口是否正常
vue项目基础配置
青梅煮码
06-24 397
一、项目初始化创建 1.本地初始化 bash 切换到桌面 运行 vue init webpack vue-demo 生成初始化vue项目 2.建立和码云的连接 在码云上创建一个没有readme的空项目 我后来在github重新创建并引用了码云的项目,主要维护github,然后使用码云的强制更新关联GitHub的地址. 3.建立...
Vue项目初始化配置项
weixin_51465106的博客
08-22 1833
我们利用工具创建的项目有时候不是自己想要的，或者说自己想要更熟悉了解自己的项目配置项从而提高开发效率，见名知意，节约时间，节约开发成本。像这样配置我们的项目可以提高开发效率，节约开发成本，方便管理。
Vue项目初始化---基本配置操作
m0_69274822的博客
07-07 265
1.项目运行起来时候，让浏览器自动打开。2.关闭Eslint语法校验。3.配置别名@（就是把@表示src）
优雅的给vue对象设置初始值
热门推荐
【03】的博客
02-22 1万+
vue 中经常定义很多data ,在用户进行一些操作后,需要将data中的某个对象定义为初始值，最常见的为表单数据 初始化指定对象 form: { title: '', desc: '', url: '' } 大众都会选择以下方法进行初始化值 this.form = { title: '', desc: '', url: '' } 其实还可以这样 // Object.assign(this.form, this.$options.data().form) this.form = this.
Vue安装与配置教程（非常详细）从零基础入门到精通，看完这一篇就够了_vue配置
最新发布
2401_84254474的博客
04-12 6975
同时我们会发现多了个文件：C:\Users\用户名\下的.npmrc文件，可以理解为一个记录当前用户修改信息的配置文件。如果你把这个文件删了，那你刚刚修改的那些参数全没有了，回归默认配置。在安装过程中，自动配置了两个环境变量一个是环境变量—用户变量—Path里面的C:\Users\你的用户名\AppData\Roaming\npm另一个是环境变量—系统变量—Path里面的软件安装目录，我们需要增加和修改一下。将 C:\Users\你的用户名\AppData\Roaming\npm 修改为 你的安装目录\no
vue项目初始化到登录login页面的示例
10-16
以上就是从Vue项目初始化到创建登录页面组件的完整流程。在开发过程中，我们学习了Vue CLI的基本使用、Vue Router路由配置以及如何通过组件化方式构建登录界面。本示例提供了基础的参考框架，实际项目中可能需要添加...
NodeJs安装及配置 Vue项目初始化
08-26
NodeJs 安装及配置 Vue 项目初始化 NodeJs 是一个基于 JavaScript 的服务器端运行时环境，它提供了一个事件驱动、非阻塞 I/O 模型，使得其轻量级、高效。下面将详细介绍 NodeJs 的安装及配置、Vue 项目初始化。 一...
vue3初始化项目 sass vite ts
08-01
Vue3初始化项目通常涉及到一系列配置和文件，包括前端框架Vue3、样式预处理器Sass以及TypeScript的集成。下面将详细解析这些知识点及其在实际项目中的应用。 **Vue3** Vue3是Vue.js的最新版本，它带来了许多性能...
Vue 给引入组件初始化传值 《场景：renren-fast-vue向弹出框初始化值》
CTRA®王大大技术中心
01-31 1632
场景：renren-fast-vue向弹出框初始化值1、生成的文件结构2、问题原因2.1、list文件：xxx.vue 全部代码2.2、addOrUpdate文件：xxxaddOrUpdate.vue 全部代码3、解决方案3.1、 在xxx.vue 初始化3.2、 在xxx.vue 给子组件赋值3.3、 在 xxxaddOrUpdate.vue 子组件中赋值3.4、 xxxaddOrUpdate.vue 中给下拉框赋值4、成功效果 前提：在使用renren-fast开源项目时，自动生成的项目可以直接生成可
初始化vue中data中的数据
greed
05-07 3560
当组件的根元素使用了v-if的时候, 并不会初始化data中的数据 如果想完全销毁该组件并且初始化数据,需要在使用该组件的本身添加v-if 或者是手动初始化该组件中的数据。
Vue学习笔记3 - Vue中 radio/select 如何设定初期值
shi_ly的专栏
05-09 850
使用v-model 做双向绑定
vue props设置默认值的基本方式
我总是词不达意的博客
07-07 4931
props设置默认值 props设置对象默认值 props设置数组默认值
今天开发中遇到的一个关于初始化赋值问题
Aimee蓝蓝的博客
09-01 537
昨天花时间改了一下项目中筛选条件的样式和代码，然后提交到git上面去了。 不小心就被师父看到了，然后发了一个截图问我，你这==1是什么意思？ 我解释说是第一次加载页面的时候还没有数据可以初始值，如果直接用Stage的数字的话，将来如果后台变了就会没有效果了，我用1传到后台，在判断赋值一遍，至少不会错。 他说那我还不如用Stage对应的数字，至少不要if ，看你好像好多地方写了if（
vue中props设置默认值-父组件给子组件传值的写法——简略、带类型、带类型和默认值、带校验
weixin_44867717的博客
08-29 1万+
vue
Vue的页面初始化
weixin_45336090的博客
11-21 5351
在使用Vue的过程中，经常需要对一些数据进行初始化，一般是在 created 和 mounted 中进行处理。     created：在html加载完成之前执行，一般用于初始化数据     mounted：在html加载完成之后执行，一般用于向后端发起请求获取到数据以后，对数据进行处理 export default { data(){ return { data: [] } }, methods: {
vue 重置数据（初始化）
NancyFyn的博客
09-06 3619
在项目中我们会遇到初始化数据的问题，可以 this.xxx = ‘’,这种方式是常用的，但是如果是data里面的数据，这种方式就会使代码看起来有些冗余。 那么，我们可以使用this.assign()方法或是Json this.assign() // 此方法是将可枚举属性的值从一个或多个源对象复制到目标对象，它返回的是目标对象。 它有两个参数，target：目标对象；source：源对象。 // 初始化所有data数据 Object.assign(this.$data, this.$options.dat
vue 初始化data里面的数据，表单重置
qq_36462217的博客
09-15 6502
vue data数据初始化 初始化
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值