使用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的图片场景标注提示弹窗特效
Jan 05 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
Mar 10 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
May 18 Javascript
浅谈js中同名函数和同名变量的执行问题
Feb 12 Javascript
详解本地Node.js服务器作为api服务器的解决办法
Feb 28 Javascript
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
Angular.js前台传list数组由后台spring MVC接收数组示例代码
Jul 31 Javascript
Javacript中自定义的map.js  的方法
Nov 26 Javascript
浅谈Webpack多页应用HMR卡住问题
Apr 24 Javascript
Nuxt使用Vuex的方法示例
Sep 06 Javascript
解决js中的setInterval清空定时器不管用问题
Nov 17 Javascript
vue 实现click同时传入事件对象和自定义参数
Jan 29 Vue.js
详解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防攻击代码升级版
2010/12/29 PHP
window+nginx+php环境配置 附配置搭配说明
2010/12/29 PHP
探讨PHP函数ip2long转换IP时数值太大产生负数的解决方法
2013/06/06 PHP
PHP随机生成随机个数的字母组合示例
2014/01/14 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
PHP中使用socket方式GET、POST数据实例
2015/04/02 PHP
如何运行/调试你的PHP代码
2020/10/23 PHP
setTimeout和setInterval的区别你真的了解吗?
2011/03/31 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
2014/01/17 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
2015/03/05 Javascript
jquery获取节点名称
2015/04/26 Javascript
jQuery中extend函数详解
2015/07/13 Javascript
JS hashMap实例详解
2016/05/26 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
2018/09/17 Javascript
Node.js安装详细步骤教程(Windows版)详解
2019/09/01 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
2019/10/23 Javascript
微信小程序实现搜索框功能及踩过的坑
2020/06/19 Javascript
vue props 一次传多个值实例
2020/07/22 Javascript
Python的Django中将文件上传至七牛云存储的代码分享
2016/06/03 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
Python count函数使用方法实例解析
2020/03/23 Python
Python钉钉报警及Zabbix集成钉钉报警的示例代码
2020/08/17 Python
PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
2020/11/02 Python
一文带你了解Python 四种常见基础爬虫方法介绍
2020/12/04 Python
基于 HTML5 WebGL 实现的垃圾分类系统
2019/10/08 HTML / CSS
美国从事品牌鞋类零售的连锁店:Famous Footwear
2016/08/25 全球购物
Hotels.com加拿大:领先的在线住宿网站
2018/10/05 全球购物
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
汽车销售求职自荐信
2013/10/01 职场文书
企业理念标语
2014/06/09 职场文书
大学生简历自我评价2015
2015/03/03 职场文书
2015年医德考评自我评价
2015/03/03 职场文书
销售会议开幕词
2016/03/04 职场文书
解决python存数据库速度太慢的问题
2021/04/23 Python
Python 数据可视化神器Pyecharts绘制图像练习
2022/02/28 Python