首页 > 其他分享 >vue

vue

时间:2024-05-06 15:11:42浏览次数:19  
标签:vue cli service Vue js 开发

vue打包命令 :vue run build

vue脚手架搭建:npm install -g @vue/cli

npm install 是用来安装项目中所需的所有依赖项的命令

总的来说,@vue/cli 是 Vue CLI 的工具集,用于全局安装以便在命令行中使用,而 @vue/cli-service 是 Vue CLI 的一个核心服务模块,用于在项目中执行开发任务。通常情况下,你会在全局安装 @vue/cli,并且在项目中安装 @vue/cli-service 作为项目的开发依赖项。

vue-cli-service和@vue/cli之间存在一些关键区别。

首先,vue-cli-service是一个Vue.js CLI命令,它主要用于在本地开发环境下运行一个开发服务器。通过这个命令,开发者可以在浏览器中查看和测试他们的Vue.js应用程序。vue-cli-service在开发期间提供了许多实用的功能,如自动重载和热模块替换。执行vue-cli-service serve命令后,它将查找项目的入口点(通常是src/main.js文件),并使用webpack-dev-server在本地启动一个开发服务器。在开发过程中,当代码发生变化时,服务器会自动重新编译代码并刷新浏览器页面,使开发者能够立即看到修改的效果。

另一方面,@vue/cli是一个基于Vue.js的快速开发系统。它提供了交互式的项目脚手架,允许开发者通过命令(如vue create)快速搭建新项目,或者直接通过vue serve命令构建新想法的原型。此外,@vue/cli还提供了一个丰富的官方插件集合,集成了前端生态中最好的工具,并提供了一套完全图形化的创建和管理Vue.js项目的用户界面。在版本方面,@vue/cli是Vue CLI 3.x版本的脚手架,而vue-cli是2.x版本的脚手架。

总结来说,vue-cli-service主要是用于在本地开发环境中运行和测试Vue.js应用程序的命令,而@vue/cli则是一个更全面的快速开发系统,提供了从项目创建、管理到插件集成的全方位支持。这两者在Vue.js的开发过程中都扮演着重要的角色,但它们的功能和用途有所不同。

scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
// ... 其他脚本
}

标签:vue,cli,service,Vue,js,开发
From: https://www.cnblogs.com/yellowmiaoya/p/18157634

相关文章

  • 入门学习Docker部署Vue+NetCore+MsSql
    最近vultr的主机经常忘了续租,导致账号被禁用,主机被删掉每次重新部署都忘了之前怎么弄的,要重新查好多资料每个月6美金的主机XShell连接主机IP先安装docker开启docker服务镜像容器tar文件 saveload dockerimagesdockercommitbuildDockerfilepull仓库 查看......
  • vue3 个人自适应配置方案
    ``使用插件"postcss-pxtorem":"^6.1.0",postcss.config.cjs文件配置module.exports={plugins:{autoprefixer:{overrideBrowserslist:["Android4.1","iOS7.1","Chrome>31......
  • 小伙伴说VuePress太简洁了,还有没有其他博客推荐?
    写在前面自从上一篇文章发出来之后,不少小伙伴开始用VuePress搭建自己的个人网站。如果小伙伴也想用VuePress零代码零成本搭建个人网站,可以看过来传送门......
  • *uniapp-vue3-ts项目配置eslint+prettier+husky
    代码检查工具:Eslint代码格式化工具:prettierhusky:Git客户端增加了钩子(hooks)功能,使得在特定阶段执行一系列流程,以保证每一个commit的正确性vscode安装插件:    安装eslint+prettier:npmi-Deslintprettiereslint-plugin-vue@vue/eslint-config-prettier@vu......
  • vue + Ant Design Vue 表格自定义勾选状态
     //勾选规则//1.勾选当前不勾联动选子级//2.勾选当前需要联动勾选父级//3.勾选当前取消需要联动取消子级和联动取消父级,如果存在平级则不取消父级<template><a-spin:spinning="state.spining"><div><a-modalref="mModal"id="mModal"class="partial......
  • Vue3 除了 keep-alive,还有哪些页面缓存的实现方案
    引言有这么一个需求:列表页进入详情页后,切换回列表页,需要对列表页进行缓存,如果从首页进入列表页,就要重新加载列表页。对于这个需求,我的第一个想法就是使用keep-alive来缓存列表页,列表和详情页切换时,列表页会被缓存;从首页进入列表页时,就重置列表页数据并重新获取新数据来达到列表......
  • 十分钟,带你了解 Vue3 的新写法
    本文的目的,是为了让已经有Vue2开发经验的 人 ,快速掌握Vue3的写法。因此, 本篇假定你已经掌握Vue的核心内容 ,只为你介绍编写Vue3代码,需要了解的内容。一、Vue3里 script 的三种写法首先,Vue3新增了一个叫做组合式api的东西,英文名叫CompositionAPI。因此Vue3......
  • vue-i18n的9以上的版本中@被用作特殊字符处理,直接用会报错
    vue3项目中使用vue-i18n的9以上的版本实现国际化,使用过程中出现报错:国际化使用 "validation.regExp.name":"仅允许输入字母、数字与_.@字符"报如下错误 Messagecompilationerror:Invalidlinkedformat1|仅允许输入字母、数字与_.@字符Messagecompilationerror:Un......
  • 40.Vue UI组件简单整理
    以下版本:ElementPlus组件库首先基于Vue3的PC端开源UI组件库安装依赖[email protected]中导入并挂载模块importElementPlusfrom'element-plus'import'element-plus/dist/index.css'app.use(ElementPlus)app.mount('#app')注意注意这......
  • TinyVue 3.15.0 正式发布,推出全新的 Charts 图表组件底座,功能更强、图表更丰富!
    你好,我是Kagol。我们非常高兴地宣布,2024年4月8日,TinyVue发布了v3.15.0......