内容
先安装这个工具:npm install @vue/cli -g 全局安装,这样在哪个文件夹下都能使用cli工具
升级的话npm update @vue/cli -g
通过vue命令创建项目:
vue create 项目名称
为什么install时候写的@vue/cli,实际用的确实vue,因为@vue/cli项目中的package.json里的bin:{‘vue’:“bin/xxx.js”}

cli创建出来的项目结构:

在vscode中 ,
cd 09_vue_demo
npm install //安装依赖,如果有依赖了就不用安装了
npm run serve //起项目


vite:下一代前端开发与构建工具,能显著提升前端开发体验
vite的构造,由一个服务器和一套构建指令组成
1、开发阶段:一个开发服务器,它基于原生ES模块提供了丰富的内建功能,HMR的速度非常快速
2、打包阶段:一套构建指令,它使用rollup(内置)打开我们的代码,并且它是预配置的,可以输出生产环境的优化过的静态资源

第一步:npm install vite -D
第二步:npx vite 非常快,也是个优点
打开vite提供的地址,进去就能看到vite帮助我们发起的项目
把main.js上边import导入的路径或者模块,删掉.js也是可以的了。因为vite是可以帮助我们解析的
浏览器的网络请求只是请求loadsh-es了,而不是二百多个
新建css文件
只要html导入了就可以运行,不像webpack 需要loader等等
新建less文件
只要npm install less -D安装一下就行了,不像webpack 需要loader等等
处理postcss
只要npm install postcss -D,npm install postcss-preset-env -D,新建postcss.config.js就行了,不像webpack 需要loader等等
新建ts文件
只要main.js导入这个ts了就可以运行
原理:

vue3单文件组件支持:@vitejs/plugin-vue
vue3 JSX支持:@vitejs/plugin-vue-jsx
vue2支持:underfin/vite-plugin-vue2
npm install @vitejs/plugin-vue -D
npm install @vue/compiler-sfc -D
弄了插件就要做配置
新建vite.config.js
const vue = require(‘@vitejs/plugin-vue’)//这是个函数,且实在node环境下所以用require
module.exports = {
plugins:[
vue()
]
}
第一次vite启动项目时,会把使用的依赖集合起来放到node_module/.vite里
下次vite时,会加载.vite包里的依赖文件,下次再起项目时,不用从node_module里找,从而加快项目启动过程
npx vite build 会对项目做打包,生成dist文件夹,
如果想测试打包后的东西:npx vite preview
真实项目中不会一直使用npx的
在package中修改script,新增
“serve”:“vite”
“build”:"“vite build”
“preview”:“vite preview”
之后直接 npm run serve/build/preview
为什么vite这么快,因为用到了ESBuild

上边所说的,我们都是从零开始一点点创建文件等等启动起来的项目,太麻烦了
使用步骤:
npm install @vitejs/create-app -g
create-app viteclidemo
这样就有项目了,但是没有安装依赖
npm install 即可
我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%
有这些railscast。http://railscasts.com/episodes/218-making-generators-in-rails-3有了这个,你就会知道如何创建样式表和脚手架生成器。http://railscasts.com/episodes/216-generators-in-rails-3通过这个,您可以了解如何添加一些文件来修改脚手架View。我想把两者结合起来。我想创建一个生成器,它也可以创建脚手架View。有点像RyanBates漂亮的生成器或web_app_themegem(https://github.com/pilu/web-app-theme)。我
在应用开发中,有时候我们需要获取系统的设备信息,用于数据上报和行为分析。那在鸿蒙系统中,我们应该怎么去获取设备的系统信息呢,比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况,一种是设备信息的获取,一种是系统信息的获取。1.1、获取设备信息获取设备信息,鸿蒙的SDK包为我们提供了DeviceInfo类,通过该类的一些静态方法,可以获取设备信息,DeviceInfo类的包路径为:ohos.system.DeviceInfo.具体的方法如下:ModifierandTypeMethodDescriptionstatic StringgetAbiList()Obt
?博客主页:https://xiaoy.blog.csdn.net?本文由呆呆敲代码的小Y原创,首发于CSDN??学习专栏推荐:Unity系统学习专栏?游戏制作专栏推荐:游戏制作?Unity实战100例专栏推荐:Unity实战100例教程?欢迎点赞?收藏⭐留言?如有错误敬请指正!?未来很长,值得我们全力奔赴更美好的生活✨------------------❤️分割线❤️-------------------------
项目介绍随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱小学生兴趣延时班预约小程序的设计与开发被用户普遍使用,为方便用户能够可以随时进行小学生兴趣延时班预约小程序的设计与开发的数据信息管理,特开发了小程序的设计与开发的管理系统。小学生兴趣延时班预约小程序的设计与开发的开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与小学生兴趣延时班预约小程序的设计与开发的实际需求相结合,讨论了小学生兴趣延时班预约小程序的设计与开发的使用。开发环境开发说明:前端使用微信微信小程序开发工具:后端使用ssm:VU
作为新的阿里云用户,您可以50免费试用多种优惠,价值高达1,700美元(或8,500美元)。这将让您了解和体验阿里云平台上提供的一系列产品和服务。如果您以个人身份注册免费试用,您将获得价值1,700美元的优惠。但是,如果您是注册公司,您可以选择企业免费试用,提交基本信息通过企业实名注册验证,即可开始价值$8,500的免费试用!本教程介绍了如何设置您的帐户并使用您的免费试用版。关于免费试用在我们开始此试用之前,您还必须遵守以下条款和条件才能访问您的免费试用:只有在一年内创建的账户才有资格获得阿里云免费试用。通过此免费试用优惠,用户可以免费试用免费试用活动页面上列出的每种产品一次。如果您有多个帐
我的ruby脚本从命令行参数获取某些输入。它检查是否缺少任何命令行参数,然后提示用户输入。但是我无法使用gets从用户那里获得输入。示例代码:test.rbname=""ARGV.eachdo|a|ifa.include?('-n')name=aputs"Argument:#{a}"endendifname==""puts"entername:"name=getsputsnameend运行脚本:rubytest.rbraghav-k错误结果:test.rb:6:in`gets':Nosuchfileordirectory-raghav-k(Errno::ENOENT)fromtes
参考文章搭建文章gitte源码在线体验可以注册两个号来测试演示图:一.整体介绍 介绍SignalR一种通讯模型Hub(中心模型,或者叫集线器模型),调用这个模型写好的方法,去发送消息。 内容有: ①:Hub模型的方法介绍 ②:服务器端代码介绍 ③:前端vue3安装并调用后端方法 ④:聊天室样例整体流程:1、进入网站->调用连接SignalR的方法2、与好友发送消息->调用SignalR的自定义方法 前端通过,signalR内置方法.invoke() 去请求接口3、监听接受方法(渲染消息)通过new signalR.HubConnectionBuilder().on
目录H2数据库入门以及实际开发时的使用1.H2数据库的初识1.1H2数据库介绍1.2为什么要使用嵌入式数据库?1.3嵌入式数据库对比1.3.1性能对比1.4技术选型思考2.H2数据库实战2.1H2数据库下载搭建以及部署2.1.1H2数据库的下载2.1.2数据库启动2.1.2.1windows系统可以在bin目录下执行h2.bat2.1.2.2同理可以通过cmd直接使用命令进行启动:2.1.2.3启动后控制台页面:2.1.3spring整合H2数据库2.1.3.1引入依赖文件2.1.4数据库通过file模式实际保存数据的位置2.2H2数据库操作2.2.1Mysql兼容模式2.2.2Mysql模式
我正在使用遗留数据库并需要创建一些CRUD。我如何使用scaffold生成器并告诉他表的确切名称以避免复数化过程?表格也是西类牙语。 最佳答案 您可以只使用ActiveRecord::Base.table_name=方法手动设置表名。因此,在您的模型中您可以:classOrderDetail 关于ruby-on-rails-如何在Rails脚手架生成器上强制使用单数表名?,我们在StackOverflow上找到一个类似的问题: https://stackove