工程构建

一、Cordova工程

cordova create hello com.example.hello HelloWorld

cd hello

cordova plugin add ***

cordova platform add ios/android

cordova build ios/android

cordova run android

二、React工程：使用 create-react-app 脚手架

create-react-app my-app

cd my-app

npm run eject //显示隐藏的配置文件

npm install

npm start

npm run build

三、Vue工程：使用vue-cli脚手架

vue init webpack my-vue-project

终端执行上面的命令，出现一系列的配置选择：

? Project name (my-vue-project) ：项目名称，默认为执行创建命令时输入的名称，可直接输入进行修改，不修改则直接回车；

? Project description (A Vue.js project) ：项目描述，可直接输入项目的描述信息，也可直接点击回车进行下一步；

? Author (***)：作者，继续回车；

? Install vue-router? (Y/n) ：是否安装vue-router，选择Y则生成后的项目就会包含相关的路由配置文件，选择n则不会安装在工程中，默认会选择Y；

? Use ESLint to lint your code? (Y/n) ：是否使用ESLint检测规则，默认会选择Y，项目会自动生成ESLint的相关配置，可根据项目选择是否安装；

? Set up unit tests (Y/n) ：是否安装单元测试，默认会选择Y，可根据项目需求进行选择；

? Setup e2e tests with Nightwatch? (Y/n) ：是否安装e2e测试，默认选择Y，根据项目需求选择；

? Should we run `npm install` for you after the project has been created? (recom

mended) 

❯ Yes, use NPM 

  Yes, use Yarn 

  No, I will handle that myself 

选择包管理工具；

这些配置选择Y 或者 n 对项目最大的影响是，选择Y则构建的项目会自动下载相关配置，确定不使用就选择n,避免下载一些不需要的loader；

构建完成进入项目：cd my-vue-project

安装项目依赖：npm install

启动项目：npm run dev

打包项目：npm run build