1、脚手架安装准备

准备:首先安装node.js。下载路径:http://nodejs.cn/download/

在命令行中输入node -v  和 npm -v检查是否安装成功。

vue脚手架安装

2、脚手架安装,安装vue

命令行执行 : npm install -g vue-cli   

加-g是安装到全局

安装需要耐心等待几分钟.....

安装完成后,使用命令:vue -v 查看安装是否成功。

vue脚手架安装

使用vue -V 查看安装是否成功。(大写V) 

vue脚手架安装 

3、创建vue项目

创建一个基于 webpack 模板的新项目

执行命令行:vue init webpack my-firstvue

需要等待几分钟......

均选择no,后期可以手动安装

vue脚手架安装

4、安装依赖

首先,执行命令行切换到当前项目:cd myfirstvue

然后执行:npm install 安装项目所需要的依赖

vue脚手架安装

 安装完成之后再执行命令: npm run dev 

vue脚手架安装

浏览器中输入localhost:8080即可访问页面,说明安装结束

vue脚手架安装

 

相关文章: