首页 > 其他分享 >局部按照vue-cli,实现版本切换

局部按照vue-cli,实现版本切换

时间:2022-11-21 00:33:26浏览次数:51  
标签:vue cli 项目 npx 脚手架 切换

项目搭建
npm init -y #初始化项目依赖文件
cnpm i -D @vue/cli #安装脚手架
npx vue -V #查看vue-cli版本号
npx vue create project-one #创建项目
#or 
npx v

项目启动
yarn serve


项目配置
vue.config.js
module.exports = {
   devServer: {
      open: true//运行项目时自动打开页面
      host:"localhost"//域名
   }
}

vue-cli脚手架(官方文档)

标签:vue,cli,项目,npx,脚手架,切换
From: https://www.cnblogs.com/strundent/p/16910137.html

相关文章

  • vue中控制组件过渡动画
     基本用法首先先要给组件添加自定义名字<button@click="show=!show">Toggle</button><Transitionname="自定义名称"> <pv-if="show">hello</p></Transition>......
  • Eclipse集成PC-Lint静态检查工具
    Linticator插件Linticator插件将PC-Lint集成到Eclipse,但不是免费的,不过有30天试用期,安装之前首先去​​linticator.com​​注册一个账号,没有账号无法安装。注册成功......
  • Linux切换账户(或ssh远程)执行QT程序无法输入中文
    系统:银河麒麟前提条件:已经安装了fcitx插件,因为QTcreator本身不支持中文输入,需要插件支持;场景1:一台计算机;使用普通用户(例如:user01)登录并打包一个可以执......
  • vue-router全局导航守卫
    实现组件跳转时,浏览器标题更新①router的index.js文件中routes配置添加meta属性 ②router.beforeEach方法importVuefrom'vue'importVueRouterfrom'vue-rout......
  • Vue3 reactive 之源码的实现
    Reflect.get()方法与从对象(target[propertyKey])中读取属性类似,但它是通过一个函数执行来操作的。exportconstreactive=<Textendsobject>(target:T)=>{......
  • Vue3组件Props属性名不能与Setup()中变量名不可重复
    npmrunlint,显示错误点:30:9   error Gettingavaluefromthe`props`inrootscopeof`setup()`willcausethevaluetolosereactivity vue/no-setup-pr......
  • RV-LINK:Eclipse 使用 RV-LINK 调试 RISC-V 程序
    RV-LINK项目主页:​​https://gitee.com/zoomdy/RV-LINK​​​最新的文档请访问:​​https://gitee.com/zoomdy/RV-LINK/wikis​​,这里的内容可能没有及时更新。前期准备按......
  • Vue
    1、Vue是一套前端框架,免除原生JavaScript的DOM操作,简化书写。2、基于MVVM(Model-View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上。3、官网:https://cn.vue......
  • Vue笔记 - 样式穿透原理及使用方法
    样式穿透目录样式穿透1.为什么需要样式穿透1.1为什么样式会失效2.如何使用样式穿透2.1实例1.为什么需要样式穿透在开发中引入了第三方组件库(如element-ui),但又想......
  • vue组件中插入二维码的操作
    vue组件中插入二维码的操作 引入在public/index.html的head标签中引入:<scriptsrc="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>......