现代化框架脚手架总结

上一篇:现代化框架API配置方式记录

node

结合express

• 安装（express-generator脚手架--目的 是为了 运行 express命令）

    npm i express express-generator -g
  

• 创建应用

    express 项目文件夹的名字 -e   ====》express demo -e
  
    备注:-e:  使用 ejs 模板
  

vue

vue-cli 2.x（依赖webpack）

• 安装vue的cli(可以更换cnpm淘宝镜像npm install cnpm -g --registry=https://registry.npm.taobao.org)

    npm install -g vue-cli
  

• 创建应用

    vue init webpack demo
  

vue-cli 3.x

• 安装最新版本vue的cli

        npm install -g @vue/cli
        # or
        yarn global add @vue/cli
  

• 创建应用

        vue create project-name
  

  新版的vuecli3.0提供了一个vue ui(进入vue图形化界面配置)

        vue ui
  

React

• 安装命令模板

    npm install -g create-react-app
  

• 创建应用（typescript==>create-react-app react-typescript-demo --typescript）

    create-react-app my-app
  

React-Native

个人总结

分为俩个版本

• 新版本

  • 安装命令行cli

    npm install -g expo-cli
    

  • 创建应用

    expo init demo
    

• 旧版本

  • 安装模板命令

      npm install -g create-react-native-app
    

  • 创建应用

      create-react-native-app AwesomeProject
    

小程序

• 多个框架

  • Taro 文档

    • 安装cli

        npm install -g @tarojs/cli
      

    • 创建应用

        taro init myApp
      

  • mpvue

    • 安装 cli

        npm install --global vue-cli
      

    • 创建应用

        # 创建一个基于 mpvue-quickstart 模板的新项目
        $ vue init mpvue/mpvue-quickstart my-project