Vue-cil项目的搭建:Vue+Typescript+Element-ui

一、安装命令:

1.创建项目:命令行 vue create edls
2.参考此网页命令,自主化地搭建脚手架:https://segmentfault.com/a/1190000014627083?utm_source=tag-newest
3.安装Element-ui: 命令行 npm install element-ui -S
4.在main.js文件中 引入 element 组件 :

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

5.安装axios(可选):
(1)命令行 npm install axios
(2)在main.ts文件中加入:

import axios from 'axios'
// 全局注册,使用方法为:this.$axios
Vue.prototype.$axios = axios

二、学习网站:

在将ts加入到vue后,发现ts+vue后出现了些看不懂的操作,说明有些基础知识需要学习。
在此分享俩学习ts、vue-property-decorator的网站:

(1)学习ts:
https://www.bilibili.com/video/av66624685?from=search&seid=9972396865665736596

(2)学习vue-property-decorator用法:
https://www.jianshu.com/p/d8ed3aa76e9b 

你可能感兴趣的:(VUE,Vue,Typescript)