采用npm搭建
安装npm
-
下载长期支持版本(npm 是集成在 Node.js)。
-
安装长期支持版本,一直next就好了(安装依赖选项可以选也可以不选,不放心就选上)。
-
打开cmd(Windows PowerShell不要用,后面有些操作进行不了,很奇怪)。
-
输入
node -v
查看node版本,显示版本号即成功。 -
输入
npm -v
查看npm版本,显示版本号即成功。 -
输入
npm -g install npm
将npm更新至最新版本。 -
使用
npm install -g vue-cli
安装脚手架,此命令安装的是 vue2版本的 Vue CLI。 -
到你希望构建项目的目录,在目录框这里输入cmd,打开之后输入
vue init webpack <项目名称(不能有大写字母)>
,然后只要不是(Y/n),就一路回车,遇到(Y/n)就是y->回车
,项目就构建好了。 -
进入该文件,在目录框里输入cmd打开cmd,输入
npm run dev
出现页面代表运行成功(一般端口号是8080),网址,页面有内容就成功了。
-
在cmd中按下
ctrl+c
然后输入y
进行退出。
IDEA搭建
用专业版idea搭建,集成化高,有手就行。没钱,不做介绍。