栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

Vue-cli 3.0版本使用

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Vue-cli 3.0版本使用

Vue-cli 3.0使用

就在前些天,vue官方发布了vue-cli 3.0版本,支持了许多新的特性,例如typescript,官方地址在这里 https://cli.vuejs.org/。

安装
npm install -g @vue/cli
yarn global add @vue/cli
创建工程
vue create my-project


从上面我们可以看出来,vue-cli允许我们选择默认或者自定义,并且或保存之前的配置,这里我们选择自定义

这里支持的特性比较多,比如typescript,PWA,Router,Vuex,css预处理,单元测试和端对端测试,并且学了create-react-app,将实际的webpack 配置隐藏,这一点非常人性化,我们并不需要关心webpack具体实现细节,以上配置可以满足大部分的需求。这里我们选择typescript


生成的实际目录结构就是这样滴~,相比较2.0版本去除了build文件见和config文件夹

当然我们也可以在创建完目录之后单独加入某一个特性,比我我们要加入typescript,我们可以这样做:

vue add @vue/typescript

这样完成后就会在项目目录中加入typescript对应的配置,是不是很方便呢~

运行开发环境
yarn serve

默认端口为8080

打包
yarn build
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/240958.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号