使用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 相关文章推荐
jquery 入门教程 [翻译] 推荐
Aug 17 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
Dec 10 Javascript
javascript 10进制和62进制的相互转换
Jul 31 Javascript
JavaScript入门教程之引用类型
May 04 Javascript
AngularJs Javascript MVC 框架
Jun 20 Javascript
微信小程序 欢迎界面开发的实例详解
Nov 30 Javascript
图文介绍Vue父组件向子组件传值
Feb 17 Javascript
详解Angular路由之路由守卫
May 10 Javascript
Bootstrap模态对话框用法简单示例
Aug 31 Javascript
vue+koa2实现session、token登陆状态验证的示例
Aug 30 Javascript
layui之table checkbox初始化时选中对应选项的方法
Sep 02 Javascript
layui加载表格,绑定新增,编辑删除,查看按钮事件的例子
Sep 06 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
JS实现php的伪分页
2008/05/25 PHP
解析php php_openssl.dll的作用
2013/07/01 PHP
THINKPHP2.0到3.0有哪些改进之处
2015/01/04 PHP
ecshop 2.72如何修改后台访问地址
2015/03/03 PHP
PHP替换Word中变量并导出PDF图片的实现方法
2020/11/26 PHP
javascript 延迟加载技术(lazyload)简单实现
2011/01/17 Javascript
js复制到剪切板的实例方法
2013/06/28 Javascript
jQuery提交多个表单的小技巧
2014/07/27 Javascript
JS判断是否360安全浏览器极速内核的方法
2015/01/29 Javascript
基于jQuery实现二级下拉菜单效果
2016/02/01 Javascript
JS与jQuery实现隔行变色的方法
2016/09/09 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
2016/12/18 Javascript
基于JavaScript实现的插入排序算法分析
2017/04/14 Javascript
JS开发中基本数据类型具体有哪几种
2017/10/19 Javascript
jQuery实现表单动态添加数据并提交的方法
2018/07/19 jQuery
setTimeout与setInterval的区别浅析
2019/03/23 Javascript
通过JS深度判断两个对象字段相同
2019/06/14 Javascript
微信小程序按钮点击动画效果的实现
2019/09/04 Javascript
[04:23]DOTA2上海特锦赛小组赛第一日 TOP10精彩集锦
2016/02/27 DOTA
[50:38]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第二场 3月7日
2021/03/11 DOTA
Python的词法分析与语法分析
2013/05/18 Python
Python利用openpyxl库遍历Sheet的实例
2018/05/03 Python
Pycharm在创建py文件时,自动添加文件头注释的实例
2018/05/07 Python
python3爬虫之设计签名小程序
2018/06/19 Python
pycharm配置pyqt5-tools开发环境的方法步骤
2019/02/11 Python
python实现替换word中的关键文字(使用通配符)
2020/02/13 Python
HTML5的postMessage的使用手册
2018/12/19 HTML / CSS
英国领先的隐形眼镜在线供应商:Lenstore.co.uk
2019/11/24 全球购物
八年级英语教学反思
2014/01/09 职场文书
秋季婚礼证婚词
2014/01/11 职场文书
临床护士自荐信
2014/01/31 职场文书
和睦家庭事迹
2014/05/14 职场文书
学校班子个人对照检查材料思想汇报
2014/09/27 职场文书
团员个人年度总结
2015/02/26 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
Python还能这么玩之用Python做个小游戏的外挂
2021/06/04 Python