[TOC] 第一步安装 终端输入 淘宝镜像:`cnpm install -g @vue/cli` 普通安装:`npm install -g @vue/cli` 第二部 安装cli3框架 1、图形界面查看创建命令; ` vue ui` 2、终端安装 `vue create vue-test3` 第三部启动查看: `npm run serve` 导入项目 进入包的目录: `cnpm install` 第四部 目录介绍 mounted() { /\*请求数据,操作dom , 放在这个里面 mounted\*/ console.log('模板编译完成4'); }, /\*请求数据,操作dom , 放在这个里面 mounted\*/ # 方法执行 ``` methods: { setMsg() { this.message = "大家好" } } ``` # 计算属性 ``` computed: { reverseMsg() { return this.message.split("").reverse().join("") } }, ``` # vue 安装typescript# ``` vue add typescript //安装代码 ``` ![](https://img.kancloud.cn/0e/6c/0e6cc7a6fdb440f9731a7b1fa4e64261_1872x362.png) # 路由安装 ``` npm install vue-router@next --save ``` # 配置sass ~~~ ~~~