跟技术胖学vue3.0(typescript版)(一) 环境搭建 , 工程创建 , 工程结构

vue3.0终于来了, 下面我们开始愉快的尝鲜吧!!!

vue3官方网站 : https://v3.vuejs.org/

vue3.0 B站发布会:https://www.bilibili.com/video/BV1iA411J7cA?from=search&seid=2979047174353974296

vue3.0 新特性

• vue3.0 向下兼容vue2.0
• 性能提升了很多
• 使用composition API解决复杂代码的封装问题
• 加入了新的api
• 对typescript对支持更好了!(源代码就是用typescript开发的)

一. 环境搭建

1.搭建mac环境

1.安装 homebrew

我的mac是安装了homebrew https://brew.sh/
安装方法: (需前置安装xcode)

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

2. 安装 nodejs

brew install nodejs

3. 安装 cnpm(非必需)

nodejs默认安装了npm包管理工具, 但npm对天朝网络来说连接缓慢.可能需要科学的上网方法
或者,使用国内源代替
如果你使用npm 无问题, 可以跳过此步骤

npm install -g cnpm --registry=https://registry.npm.taobao.org

如果没有安装cnpm, 之后的命令都要用npm代替cnpm

4.安装webpack

cnpm install webpack -g

5. 安装vue cli

cnpm install -g @vue/cli

安装完后使用vue --version查看版本

2. 搭建Windows环境

3. 搭建linux环境

4. 配置vscode插件

1. 安装vetur

2. 安装 自动闭合标签