一、首先,需要搭建vue所需要的环境
1.安装node.js
进入node.js官网【Node.js】,下载(一个是长期支持的,一个是最新的,一般都下载长期支持的)并安装,傻瓜式安装,一直下一步就行
2.验证node是否安装成功
在dom窗口【windows+R键,出现运行窗口,输入cmd,回车】中输入,node -v,会出现安装版本,再输入npm -v,会出现安装npm的版本
3.安装淘宝镜像cnpm
在dom窗口中输入,npm install -g cnpm --registry = https://registry.npm.taobao.org,回车,等待安装结束
4.安装vue的脚手架
在dom窗口输入 ,cnpm install –global vue-cli,等待安装结束
二、创建vue项目
在D盘下创建文件夹,myproject,进入该文件夹,如下图所示,输入cmd,回车,就打开dom窗口了
在dom窗口上输入,vue init webpavk +项目名,回车,如下图选择
如上所示,就创建完成了
三、运行vue项目
进入到项目目录下,输入cmd打开dom窗口,输入cnpm install,安装依赖
如上图所示,依赖包安装完成了 ,再输入cnpm run dev
打开浏览器输入 http://localhost:8080
vue项目就启动完成。
这样一个简单的vue 2.0项目就搭建完成了