搭建Vue-cli脚手架工具

第一步:安装NodeJs,安装Git版本控制工具,在D盘新建文件夹取名vue_work,选中文件夹右键Git Bash Here。

第二步:在git中输入

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

使用cnpm替代npm对npm包进行管理。

第三步:下载vue-cli和webpack

$ cnpm install -g vue-cli
$ cnpm install -g webpack

使用 vue-cli -V、webpack -v命令查询版本,判断是否安装成功。

第四步:生成Vue项目输入

vue init webpack myFirstProject

之后会让你输入项目名,描述,作者等信息。自动在vue_work文件下生成myFirstProject。

第五步:启动项目,需要先使用命令安装依赖,最后启动项目

cnpm install //安装依赖
cnpm run dev //启动项目

第六步:查看文件夹结构,进入http://localhost:8080/对项目进行查看

 

posted @ 2017-06-25 01:24  MesopotamiazZ  阅读(157)  评论(0编辑  收藏  举报