一、 vue cli
vue cli 是 vue 的脚手架工具,具体可查看 资料
1.1 执行下面命令安装 vue cli
npm install -g @vue/cli
1.2 执行下面命令查看 vue cli 的安装版本
vue -V
二、 新建一个 vue 项目
执行下面命令新建一个 vue 项目
vue create vue-demo01
ps:
- 创建过程中会提示我们要创建一个 vue2 的项目还是一个 vue3 的项目,在这里我们选择 vue2
- 项目创建过程中会自动帮助我们安装所需的依赖,如果依赖安装失败可能是 npm 源下载失败,可以更换为淘宝镜像的 npm 源;或者使用 cnpm
三、 使用 vscode 打开新建的 vue 项目
3.1 使用下面命令打开新建的 vue 项目
code .
ps: 也可以使用其它 IDE
3.2 安装 vue 扩展插件使得 vue 的代码高亮显示
3.3 使用下面命令运行 vue 项目
npm run serve