如何利用vue-cli和webpack搭建vuejs项目

1、安装node
    下载地址：https://nodejs.org/zh-cn/
    测试是否安装成功：node  -v如果出现版本号，就表示成功
    


2、  安装cnpm镜像
注：Node中自带安装了npm,故不再安装
安装命令：npm install -g cnpm--registry=https://registry.npm.taobao.org
测试是否安装成功：cnpm –v，出现如下代码，则表示安装成功
      


3、安装vue-cli脚手架工具
安装命令： npm install -g vue-cli
测试是否安装成功：vue –V ，出现版本号就说明成功
      

    
    注：vue –v当输入小写的时候，可能会提示命名错误，这时将小写v改成大写就好了V
4、 创建一个基于webpack模板的项目
在某个目录下，创建一个基于webpack模板的新项目，硬盘新建工程文件夹，在终端中使用cd命令进入该目录
             


进入e盘命令：e:
进入e盘vueDemo：cd vueDemo
vue init webpack my-project
   


 后面就是回车和输入n，最后一个命令我输入的是y
     


5、  安装依赖
      cd到项目目录，命令：cd my-project
     安装依赖：cnpm install
6、  运行项目测试是否搭建成功
       命令：npm run dev
  


  浏览器中输入http://localhost:8080/
 出现以下界面表示成功