TypeScript 学习之路: 第一天

数值类型:

数值声明:

let name: string = `nextkara`

  1. 布尔型 boolean
  2. 数字 number
  3. 字符串 string
  4. 数组  number[]
  5. 元组(限定数据类型的数组|已知元素数量和类型的数组)

let x: [string, number]

x = [‘hello’,  10]

  1. 枚举(限定范围的数值)

enum Color {Red, Green, Blue}

let c: Color = Color.Green

  1. Any (可变数值类型)
  2. Void(没有任何类型)

function nothingOutput(): Void {

console.log(‘hello’)

}

# 上面的函数是没有返回值的, 在函数后面声明之后表示此函数无返回值

 

  1. Null & Undefined
  2. Never 永不存在的值的类型.

// 返回never的函数必须存在无法达到的终点

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function error(message: string): never {

throw new Error(message);

}

// 推断的返回值类型为never

function fail() {

return error("Something failed");

}

// 返回never的函数必须存在无法达到的终点

function infiniteLoop(): never {

while (true) {

}

}

Vue.js 填坑日志

最近在学习Vue.js, 发现自己有很多前端的坑需要进行填充, 所以现在只能边学框架边打基础来继续我的前端学习之路

Vue-cli 的简单使用

Vue-cli 是Vue.js 官方的工具, 能快速搭建起基于Vue.js 和 webpack的脚手架应用. Vue-cli 提供了 vue ui 的指令, 能在web 页面快速创建新的应用.


简单上手

安装配置Vue-cli 主要有如下几个步骤:

  1. 配置node.js 环境和cnpm
  2. 安装vue-cli
配置node.js 环境和 cnpm

首先从官网下载好 node.js 的二进制包, 下载地址为

1
https://nodejs.org/dist/v12.6.0/node-v12.6.0-linux-x64.tar.xz

下载好之后, 解压到特定目录并将目录下的bin目录的完整路径引入到

1
PATH

变量里.

完成之后, 就能愉快的使用npm 命令了.

然后使用

1
npm install -g cnpm

来使用国内淘宝的npm 镜像服务, 提升使用体验.(如果放入非家目录下, 则需要

1
sudo

执行)

装好之后, 我们进入下一步.

安装vue-cli

打开命令行执行

1
cnpm install -g @vue/cli

命令. 看到提示安装完成后, 即可使用.


简单使用

在完成了vue-cli的安装之后, 即可使用

1
vue ui

命令来启动网页端的vue 项目管理工具. 可以用于快速建立, 配置项目, 插件搜索与安装等一系列快捷操作.

 

 

Vue的前端学习

由于最近要努力学习前端并努力做好技术储备,所以需要学习最近很火的Vue.js框架。

Vue.js框架很火,而且使用起来及其方便,为了更好的学习前端。嘻嘻,也是为了更高的工资

 

首先前端需要很多基础知识,HTML + CSS + JavaScript, 这一系列的知识也做了初步了解,但是在用学习框架上来说,还是有点吃力。

Vue作为响应式框架,很多都是在网页上声明引用就可以直接使用了的。

但是没有接触过Node.js的我在学习到Vue cli的时候十分费劲。此博文作为学习了一个多月前端的我,经验总结与实际操作疑问记录。

希望在以后的使用和调试过程中,能为自己提供更多的启发与思考。