使用Vue CLI创建typescript项目的方法


Posted in Javascript onAugust 09, 2019

使用最新的Vue CLI @vue/cli创建typescript项目,使用vue -V查看当前的vue cli版本

安装命令

npm install -g @vue-cli

创建项目

vue create my-vue-typescript

使用Vue CLI创建typescript项目的方法

上下键选择,空格键确定

使用Vue CLI创建typescript项目的方法

接下来是一些常规选项

使用Vue CLI创建typescript项目的方法

下面是询问要不要记录这次配置以便后面直接使用,我们选择y

使用Vue CLI创建typescript项目的方法

当确定配置后会在C:\Users\Administrator\.vuerc下生成一个刚选好的配置记录

{
 "useTaobaoRegistry": true,
 "presets": {
  "my-vue-typescript": {
   "useConfigFiles": true,
   "plugins": {
    "@vue/cli-plugin-babel": {},
    "@vue/cli-plugin-typescript": {
     "classComponent": true,
     "tsLint": true,
     "lintOn": [
      "save"
     ],
     "useTsWithBabel": true
    }
   },
   "router": true,
   "routerHistoryMode": true,
   "vuex": true
  }
 }
}

然后再回车就开始创建项目,但是这里却报了一个错,大概意思是源有问题。

ERROR command failed: yarn --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist

于是搜了下原因,原来是创建时候的默认源配置导致,vue cli 安装报错问题解决

使用Vue CLI创建typescript项目的方法

所以修改下刚才生成的.vuerc下的useTaobaoRegistry属性值为false就可以了

{
 "useTaobaoRegistry": false,
  ...
}

再次安装成功

原文

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript面向对象编程
Mar 18 Javascript
JS实现CheckBox复选框全选全不选功能
May 06 Javascript
jQuery判断多个input file 都不能为空的例子
Jun 23 Javascript
jQuery定义插件的方法
Dec 18 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
Jan 08 Javascript
javascript移动开发中touch触摸事件详解
Mar 18 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
Dec 02 Javascript
详解jQuery简单的表格应用
Dec 16 Javascript
MUI 上拉刷新/下拉加载功能实例代码
Apr 13 Javascript
如何重置vue打印变量的显示方式
Dec 06 Javascript
Vue框架之goods组件开发详解
Jan 25 Javascript
vue实现淘宝购物车功能
Apr 20 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
Aug 09 #Javascript
微信小程序如何连接Java后台
Aug 08 #Javascript
vue 实现Web端的定位功能 获取经纬度
Aug 08 #Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
Aug 08 #Javascript
从零撸一个pc端vue的ui组件库( 计数器组件 )
Aug 08 #Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 #jQuery
微信小程序嵌入腾讯视频源过程详解
Aug 08 #Javascript
You might like
如何在PHP中使用Oracle数据库(2)
2006/10/09 PHP
PHP使用MPDF类生成PDF的方法
2015/12/08 PHP
Yii针对添加行的增删改查操作示例
2016/10/18 PHP
Joomla框架实现字符串截取的方法示例
2017/07/18 PHP
php的单例模式及应用场景详解
2021/02/27 PHP
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
Jquery遍历节点的方法小集
2014/01/22 Javascript
JS执行删除前的判断代码
2014/02/18 Javascript
jquery实现图片按比例缩放示例
2014/07/01 Javascript
js实现仿百度瀑布流的方法
2015/02/05 Javascript
js实现显示当前状态的导航效果代码
2015/08/28 Javascript
fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决
2015/11/09 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
node中使用es6/7/8(支持性与性能)
2019/03/28 Javascript
Vue Object 的变化侦测实现代码
2020/04/15 Javascript
怎么理解wx.navigateTo的events参数使用详情
2020/05/18 Javascript
vue实现表格合并功能
2020/12/01 Vue.js
详解用python实现简单的遗传算法
2018/01/02 Python
python实现机器人行走效果
2018/01/29 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
Python判断两个文件是否相同与两个文本进行相同项筛选的方法
2019/03/01 Python
Django使用rest_framework写出API
2020/05/21 Python
Python新手学习装饰器
2020/06/04 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
Optimalprint加拿大:在线打印服务
2020/04/03 全球购物
半年思想汇报
2013/12/30 职场文书
幼儿园中秋节活动方案2013
2014/01/29 职场文书
意向书范文
2014/03/31 职场文书
班长竞选演讲稿
2014/04/24 职场文书
公司活动总结怎么写
2014/06/25 职场文书
高中生综合素质自我评价
2015/03/06 职场文书
承诺书范本大全
2015/05/04 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书
基于Python绘制子图及子图刻度的变换等的问题
2021/05/23 Python