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

  • Z时代
  • 2024-01-10
  • 分类：综合

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


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

         

以上是 搭建Vue开发环境及打包整个流程 的全部内容， 来源链接： utcz.com/z/377413.html

回到顶部