构建vue项目

1、配置node.js

   打开cmd输入：>npm install cnpm -g --registry=https://registry.npm.taobao.org 根据提示进行安装

   可新建文件夹以备后续项目使用（vue文件夹）

2、安装vue脚手架

 

 

 等待安装......

3、检查安装版本，确认安装成功（vue -V）

 

 

 4、可关闭，在vue文件夹的地址栏中直接输入cmd，进入命令行

  输入：   >vue init webpack my-project        回车

 

 

 

  上述过程解释：

  Project name   项目名 

　　Project description   项目名描述 

　　Author   作者邮箱 

　　Use ESLint to lint your code?   是否需要ESlist语法检查 一定选no

　　Setup unit tests with Karma + Mocha?   是否需要单元测试 

　　Setup e2e tests with Nightwatch?   是否需要e2e测试（Y/N都可）

    等待下载......

  5、启动项目

      cd my-project  回车

      使用命令   >npm run dev    启动项目；给出返回地址： http://localhost:8080

      不能关掉cmd的同时，去浏览器输入 http://localhost:8080就可以将项目启动

 

 

 

   开发时属于热部署状态，代码保存后浏览器会自动刷新，错误提示也非常友好。

 

   6、编译打包 >npm run build

 

   会编译打包到项目dist文件夹下，然后我们就可以部署到服务器上。