安装篇——新建一个VUE项目

1、安装node.js

　　官网地址：https://nodejs.org/zh-cn/download/

　　

 

　　安装完成以后。

2、打开cmd命令框，查看是否安装成功

　　

 

 

 3、安装国内npm淘宝镜像，缘由：国内直接使用npm安装缓慢

　　执行命令：npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

　　

 

　　如今能够使用cnpm来安装模块了。

 

 4、初始化项目，构建项目

　　一、安装vue-cli　　

　　执行命令：cnpm install vue-cli -g 

　　

 

 

 　　查看vue-cli是否安装成功

　　执行命令：vue list

　　

 

 　　二、选择目录，新建项目

　　执行命令：cd D:\vueProject

　　vue init webpack  ”shop-backend“

　　而后一路回车+y，知道构建完成。

　　

4、安装依赖，启动项目

　　执行命令：cnpm install

　　cnpm run dev

 　　

 

 5、访问，输入网址：http://localhost:8080

　　

完。。。