Vue2脚手架环境搭建

595 阅读1分钟

一. 安装node.js

使用node -v 查看版本,如下图所示,安装成功

1.png

二. 安装脚手架 Vue Cli

我们使用 yarn 来安装脚手架,所以先用 yarn -v 查看是否安装了yarn,如果没有,则用下列命令安装一下:

npm i -g yarn

接着使用 yarn 命令安装脚手架 vue/cli

yarn global add @vue/cli

在当前文件夹下输入 cmd打开终端,输入 vue -V

2.png

三.创建项目

vue create 项目名 创建一个新的项目

3.png

然后选择vue2

4.png

项目搭建成功

5.png

四.启动项目

使用命令 npm run serve启动项目

复制地址到浏览器即可打开创建好的 vue 项目

6.png

7.png

使用命令 npm run build 可以将整个vue项目打包