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

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

    分为以下几个步骤

       1.在此之前,需下载node.js,因为vue的运行要依赖node的npm工具来实现
          下载地址:http://nodejs.cn/
          安装成功后,在docs(win + R 输入cmd)中输入  node -v   
        
       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


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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值