美文网首页
[全栈]简单电商项目之二 搭建前端开发环境

[全栈]简单电商项目之二 搭建前端开发环境

作者: miaoyu2009 | 来源:发表于2017-04-27 09:49 被阅读0次

这一步,开始搭建前端开发环境,基于webpack的前端开发环境,采用react框架,由于没打算做很复杂,这里就不用redux了,如果之后需要再加。

以下是具体步骤:

  • 安装nodejs,通过nodejs内置的npm进行包管理

  • 打开Terminal,输入npm -v查版本,测试是否安装成功

  • 输入npm install cnpm -g,安装淘宝镜像,来替代npm,因为npm服务器在国外速度会很慢

  • 输入cpm install webpack -g 安装全局webpack

  • 手动生成目录

    • - shop
          - src                 // react组件        
              - index.js        // 入口文件
              - Home
              - Main
          - webpack             // webpack配置文件
              - build.config.js // 开发时打包的配置
              - config.js       // 公共配置
              - dev.config.js   // 发布时打包的配置   
          - index.html
          - package.json        // cnpm通过这个文件来安装更新包
      

    • 未完。。。

相关文章

网友评论

      本文标题:[全栈]简单电商项目之二 搭建前端开发环境

      本文链接:https://www.haomeiwen.com/subject/nadgzttx.html