第一章 搭建Vue开发环境

591 阅读1分钟

一、下载开发工具

1)下载并安装VSCode(不要忘记汉化)

2)下载并安装Node.js

在终端中node -v

3)安装webpack

cnpm install webpack -g

g代表全局安装,并不是针对某一个文件使用

4)安装vue-cli

cnpm install vue-cli -g

5)安装淘宝镜像

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

注意如果在mac上安装需要在npm前面加入sudo,理由是给管理员权限,才可以正常下载

6)安装Yarn

二、创建项目

1)在桌面中建立vue-springBoot

2)在vscode中,打开终端输入

等待下载完毕后,在终端中运行npm run dev

3)启动项目成功后,在浏览器中输入http://localhost:8080

结语

到此为止开发环境就搭建完成了,也是vue最重要又最简单的第一步。