基于typescript 的vue-cli3_基于 typescript vue cl-程序员宅基地

技术标签: typescript  vue-cli3  

上一个上目告一段落,下一个项目还在原型讨论阶段,所以正好利用空挡期,仔细研究研究vue基于typescript开发的vue-cli3.0。
上一个项目是基于vue-cli2.x+typescript,环境是自己配的,对于2.x和3.x,最大的区别就是,3.x变得简洁许多,它去除了build和config目录,新增了public目录,index.html文件也移动至public目录中。至于,之前所有在build和config中的配置项,都可以在vue.config.js文件中配置,这个文件是存在与根目录下的,而不是存在与src目录中的。我配置的源码已上传github

1、如果没有安装 Vue CLI 就先安装

npm install –global @vue/cli

2、 创建一个新工程

vue create my-project-name

选择默认还是手动,这里我选择手动预置

preset.png

这里根据项目需求选择

 check.png

这里我选择是

class-style.png

这里我选择是

auto.png

需要路由

router.png

这个随意

sass.png

这里我选择TSLint校验

tslint.png

这里保存的时校验还是提交时校验,我选择保存时

save.png

这里单独存放还是集成在package.json,我选择单独存放

config.png

安装完毕

success.png

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/dnswek/article/details/82259118

智能推荐

[Android官方API阅读]___<System Permissions>_安卓阅读api-程序员宅基地

文章浏览阅读2.5k次。System PermissionsAndroidis a privilege-separated operatingsystem, in which each application runs with a distinct system identity (Linuxuser ID and group ID). Parts of the system are also separate_安卓阅读api

机器学习实战案例:使用随机森林/XGBoost等模型进行分类预测,提高银行营销活动效率_csdn机器学习随机森林模型训练实例-程序员宅基地

文章浏览阅读7.7k次,点赞7次,收藏118次。1. 项目背景介绍在这篇文章中,我们将使用 Python 搭建逻辑回归(Logistic Regression),随机森林(Random Forest),XGBoosting,Bagging,KNN (K-Nearest Neighbors) ,神经网络(Neural Network)等6种机器学习/深度学习模型,对某个银行的营销活动数据集进行分类预测,尝试找出那些潜在客户。银行通常会打电话给一些潜在客户来销售一些存款/投资产品,这些投资产品会使银行获得更多利润以及资金的灵活性,因此银行希望能定位那些会_csdn机器学习随机森林模型训练实例

ZZULIOJ 1068: 二进制数_二进制数 题目描述 将一个二进制数,转换为对应的十进制数。 输入描述 输入一个二-程序员宅基地

文章浏览阅读1k次。题目描述将一个二进制数,转换为对应的十进制数。输入输入一个二进制数,以回车结束。该二进制数为正数,长度不超过31。输出输出一个整数,为该二进制数对应的十进制数。样例输入00000000001样例输出2049int main(){ int d = 0; char ch; while ((ch = getchar()) != '\n') {..._二进制数 题目描述 将一个二进制数,转换为对应的十进制数。 输入描述 输入一个二

一篇文章,读懂品牌广告与效果广告的相同和不同_两个广告的相同点和不同点-程序员宅基地

文章浏览阅读2.9k次。在互联网公司工作的同学,对效果广告应该在熟悉不过了,花钱买流量,几乎是每个互联网公司都在做的事情。如果能一直这样维持下去,花多少钱,买多少流量,那也挺好的。然而,随着流量成本的急剧攀升,获客单价从几年前的几块钱,到如今的几十、上百块,在LTV依旧不变的情况下,ROI越来越低,这个时候,如何低成本的获取到流量,成为了很多互联网公司迫在眉睫需要解决的问题。有先见之明的老板,已然把目光锁定在了传统的..._两个广告的相同点和不同点

Java 读写锁_java 读写锁 trylock-程序员宅基地

文章浏览阅读303次。读写锁ReadWriteLock 读写锁 它的实现类对象为ReentrantReadWriteLock1.获取读锁:锁对象.readLock2.获取写锁:锁对象.writeLock3.读锁可以共享 写锁则互斥package com.Trylockkk;import java.util.concurrent.locks.Lock;import java.util.concurrent.locks.ReadWriteLock;import java.util.concurrent.locks._java 读写锁 trylock

java代码挡板接球_js视频教程(对象)第5天09_挡板球小游戏上集.mp4-程序员宅基地

文章浏览阅读125次。本js视频教程详细课程目录如下:├─1.JS进阶视频教程-特效 3天课程│ ├─第1天│ │ JavaScript特效视频教学第1天01_早上考试向上滚动的间歇动画.mp4│ │ JavaScript特效视频教学第1天02_拼图轮播的原理.mp4│ │ JavaScript特效视频教学第1天03_拼图轮播的实现.mp4│ │ JavaScript特..._挡板接球怎么做

随便推点

炸!1024我的故事,一个写了两年博客的大厂码农!_小傅哥的码场-程序员宅基地

文章浏览阅读3k次,点赞34次,收藏37次。作者:小傅哥博客:https://bugstack.cn沉淀、分享、成长,让自己和他人都能有所收获!????一、嗯,肝了两年300篇文章、4本PDF、2个小册、1本出版图书,为自己折腾到日子让我兴奋!两年来,11前睡觉,早上6:20起床洗漱????、7:20跑步回来????,写作️或看书一小时,到了周末基本就可以全时间投入到自己到这个小世界里:编写案例、整理博客、发布文章、技术交流、同好扯皮。哈哈哈,有伙伴问傅哥,你咋这么卷!可能我自己到没觉得,因为做自己喜欢的事你会发现自己特别容易投入,_小傅哥的码场

谈谈对软件开发的理解_对软件开发的理解和认识-程序员宅基地

文章浏览阅读4k次。大学毕业已有三年整,从kai_对软件开发的理解和认识

Java基础05-接口、多态_接口要不要多態-程序员宅基地

文章浏览阅读135次。1.接口1.1什么是接口接口,是Java语言中一种引用类型,是方法的集合。接口的定义,它与定义类方式相似,但是使用interface关键字。它也会被编译成.class文件,但一定要明确它并不是类,而是另外一种引用数据类型。引用数据类型:数组,类,接口。接口的使用,它不能创建对象,但是可以被实现( implements ,类似于被继承)。一个实现接口的类(可以看做是接口的子类),需要实现接口中所有的抽象方法,创建该类对象,就可以调用方法了,否则它必须是一个抽象类。1.2 定义格式publi_接口要不要多態

深入学习 gremlin_深入学习gremlin-程序员宅基地

文章浏览阅读607次。gremlin中文文档常用 1_深入学习gremlin

dlopen 与dlsym_"main_fptr = (int (*)())dlsym(rtld_default, \"main-程序员宅基地

文章浏览阅读762次。共享对象通过dlopen动态打开动态库的加载完成后,返回一个句柄,通过dlsym定位到你需要执行的函数指针然后可以在程序中使用dlopen -- open a dynamically linked librarydlsym -- get the address of a symbol in a dynamically linked library例子void*handle;_"main_fptr = (int (*)())dlsym(rtld_default, \"main\")"

Mimics 21.0 安装_mimics21-程序员宅基地

文章浏览阅读2.6w次,点赞20次,收藏91次。文章目录Mimics 21.0 安装Mimics 21.0 更新说明安装教程安装前准备主程序安装破解Mimics教程破解3-matic 教程汉化教程功能介绍**模块介绍**基础模块可选模块软件优势比利时 Materialise 公司介绍Mimics 21.0 安装Mimics 21.0 更新说明Mimics 21破解版是一款非常专业的交互式的医学影像控制系统,全称为"Materialise's interactive medical image control system",是全球领先的致力于快速成_mimics21

推荐文章

热门文章

相关标签