一、安装node.js
安装vue前电脑中必须已经安装成功node.js
node.js连接 https://nodejs.org/en/download/
下载完成后,执行安装程序,直接进行安装即可(一直点next就行)
安装完成后,打开命令行窗口(cmd),命令行窗口快捷键win+r
输入node -v 和 npm -v 可查看安装的node.js和npm的版本号
二、安装vue
1、使用npm进行安装(我直接用的这个方法安装的)
缺点:安装速度较慢,使用国内源镜像安装较快
(1)打开cmd,键入:npm install --global vue-cli ,回车后等待安装即可
(2)vue-cli安装完成后,键入:npm install webpack -g ,回车进行webpack的安装
2、使用国内源镜像安装
(1)首先安装 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
(2)安装vue
打开cmd,键入:cnpm install vue-cli -g,回车等待安装即可
vue-cli安装完成后,键入:cnpm install webpack -g ,回车进行webpack的安装
三、创建vue项目并启动
1、进入你的vue项目的工作空间下,使用cd命令进行切换
2、执行:vue init webpack demo ,其中demo为vue项目的名称(这一步我没来得及截图,不会的可以私信我)
3、进入新创建的vue项目下,(cd demo),执行:npm install , 进行依赖包的安装
4、安装完成后,执行:npm run dev , vue项目启动分以下几步操作
(1)第一步直接找到创建好的项目
(2)第二步直接在输入框中输入cmd,就直接可以打开命令窗口
(3) 第三步直接输入npm run dev
启动成功后,打开浏览器,打开网址:127.0.0.1:8080 , 可以看到vue标识,项目启动成功