使用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 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
Oct 24 Javascript
javascript中sort()的用法实例分析
Jan 30 Javascript
JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
Jun 17 Javascript
微信小程序-消息提示框实例
Nov 24 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
div实现自适应高度的textarea实现angular双向绑定
Jan 08 Javascript
javascript 面向对象function详解及实例代码
Feb 28 Javascript
vue项目中公用footer组件底部位置的适配问题
May 10 Javascript
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
Aug 20 Javascript
小程序实现左滑删除效果
Jul 25 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
Sep 10 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实现小型站点广告管理
2006/10/09 PHP
php程序的国际化实现方法(利用gettext)
2011/08/14 PHP
使用PHP导出Word文档的原理和实例
2013/10/21 PHP
FF火狐下获取一个元素同类型的相邻元素实现代码
2012/12/15 Javascript
JSON为什么那样红为什么要用json(另有洞天)
2012/12/26 Javascript
Extjs 继承Ext.data.Store不起作用原因分析及解决
2013/04/15 Javascript
jQuery中使用Ajax获取JSON格式数据示例代码
2013/11/26 Javascript
confirm的用法示例用于按钮操作时确定是否执行
2014/06/19 Javascript
jquery实现的Banner广告收缩效果代码
2015/09/02 Javascript
Javascript获取background属性中url的值
2016/10/17 Javascript
angularJs中datatable实现代码
2017/06/03 Javascript
JS中把函数作为另一函数的参数传递方法(总结)
2017/06/28 Javascript
AngularJS的$location使用方法详解
2017/10/19 Javascript
jQuery 禁止表单用户名、密码自动填充功能
2017/10/30 jQuery
原生JS写Ajax的请求函数功能
2017/12/22 Javascript
解决vue中虚拟dom,无法实时更新的问题
2018/09/15 Javascript
Vue axios设置访问基础路径方法
2018/09/19 Javascript
Vue $mount实战之实现消息弹窗组件
2019/04/22 Javascript
详解小程序退出页面时清除定时器
2019/04/28 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
2019/05/20 Javascript
vue实现选中效果
2020/10/07 Javascript
[41:52]2018DOTA2亚洲邀请赛3月29日 小组赛A组 TNC VS OpTic
2018/03/30 DOTA
Python中的数学运算操作符使用进阶
2016/06/20 Python
python操作mysql代码总结
2018/06/01 Python
Python提取特定时间段内数据的方法实例
2019/04/01 Python
python识别文字(基于tesseract)代码实例
2019/08/24 Python
导入tensorflow时报错:cannot import name 'abs'的解决
2019/10/10 Python
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
老教师工作总结的自我评价
2013/09/27 职场文书
环境工程求职简历的自我评价范文
2013/10/24 职场文书
《桂林山水》教学反思
2014/02/08 职场文书
开学典礼感言
2014/02/16 职场文书
财务总监管理职责范文
2014/03/09 职场文书
2014学习全国两会精神心得体会2000字
2014/03/11 职场文书
党支部群众路线整改措施思想汇报
2014/10/10 职场文书
Python还能这么玩之用Python做个小游戏的外挂
2021/06/04 Python