搭建Vue开发环境及打包整个流程

  搭建Vue开发环境以及打包流程

    分为以下几个步骤

       1.在此之前,需下载node.js,因为vue的运行要依赖node的npm工具来实现
          下载地址:http://nodejs.cn/
          安装成功后,在docs(win + R 输入cmd)中输入  node -v   
        搭建Vue开发环境及打包整个流程
       2.安装淘宝镜像--(由于国内使用的npm非常慢,这里推荐安装应使用淘宝镜像)
         在docs中执行 npm install -g cnpm --registry=https://registry.npm.taobao.org 或者  npm i cnpm -g 
         执行成功后,在docs中输入   cnpm -v         检测版本号


       3.安装脚手架
         在docs中执行  cnpm install -g vue-cli
         执行成功后,在docs中输入   vue --version   检测版本号


        注释:如果提示“无法识别 'vue' ” ,有可能是 npm 版本过低,可以使用 npm install -g npm 来更新版本


       4.开始创建属于自己的第一个Vue项目
         4.1:vue init webpack vue-web                       vue-web项目的名称
         4.2:Use ESLint to Lint your code?                ES6代码风格检查 ---严格模式     y(no)
         4.3:Setup unit tests with karma+Mocha?   单元测试   (no)
         4.4Setup e2e tests with Nightwatch?         使用NightWatch设置E2E测试(no)
         
       5.运行项目--vue-web
         5.1:初始化项目 cnpm(npm) i/install
         5.2:运用项目  cnpm(npm) run dev


       6.打包项目
         cnpm(npm) run build


       总结:环境搭建是前提,然后就跟着步骤走。就绝对没错。如有疑问欢迎评论交流。