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

这一步,开始搭建前端开发环境,基于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通过这个文件来安装更新包
      

    • 未完。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容