1.安装node.js

打开命令行工具输入命令查看安装情况
$ node -v
$ npm -v

2.初始化项目

vue-cli 是 vue.js 的脚手架工具，可以帮助我们编写基础代码、快速搭建开发环境

1.全局安装cli

npm install -g vue-cli

2.查看vue版本（应该是2开头）

vue -V (大写的v)

3.命令搭建项目

vue init webpack pro_name(项目名称)

微信图片_20180723172224.png

4.启动项目

npm run dev

5.在浏览器中打开http://localhost:8081即可

微信图片_20180723172342.png

脚手架安装
Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli） 2017.03.01 10:34*字数...
Vue2.0—— 搭建Vue脚手架（vue-cli）
给大家介绍下用 Vue2.0 搭建Vue脚手架（vue-cli）,在搭建脚手架之前，先做好环境配置。详细如下： ...
创建vue脚手架vue.cli
介绍下用 Vue2.0 搭建Vue脚手架（vue-cli）,在搭建脚手架之前，先做好环境配置。详细如下： 1.先...
vue搭建笔记
如何搭建安装vue环境？请看教程 Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli） w...
记 npm,git,bower 安装文件时的坑
首先交代故事的起因。vue2.0发布了，随之vue-cli脚手架工具也迎来了版本更新-2.4，本以为新特性会带来一...
使用vue-cli搭建vue项目
vue-cli vue的脚手架安装脚手架之前需要安装node.js 安装脚手架安装vue-cli 创建vue项...
08-Vue-cli安装
Vue-cli脚手架
vue-cli3.x
一、 VUE-CLI 脚手架 1．什么是vue-cli vue脚手架指的是vue-cli，它是一个专门为单页面应用...
03、Vue-cli构建项目
一、Vue-cli脚手架工具 Vue-cli是Vue的脚手架工具，是官方命令行工具 (CLI)，脚手架即编写好基础...
03、Vue-cli构建项目
一、Vue-cli脚手架工具 Vue-cli是Vue的脚手架工具，是官方命令行工具 (CLI)，脚手架即编写好基础...