vue/react项目初始化

1、vue项目初始化

首先：先从nodejs.org中下载nodejs

使用淘宝NPM镜像（非必要）

$  npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

1、安装vue-cli： npm install --global vue-cli      //全局安装 vue-cli

2、查看vue-cli是否成功，不能检查vue-cli,需要检查vue： vue list

3、进入你的项目目录，创建一个基于 webpack 模板的新项目: vue init webpack 项目名 

　　说明：

Vue build ==> 打包方式，回车即可；

Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；

Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车；

Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车；

Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车；

4、进入项目：cd vue-demo，安装依赖 npm install 或 npm i 或 cnpm i

　　安装成功后，项目文件夹中会多出一个目录：　node_modules（依赖）

2、react项目初始化

        全局安装：npm i -g create-react-app

        切换到想创项目的目录，使用命令：npx create-react-app <项目名>

                npx是npm5.2版本新增的，可以调用项目内部安装的模块。减少安装全局包。如果使用时报错可以仔细检查命令是否有错或者检查npm版本 npm -v。 没有的话也可以单独安装一下：npm install -g npx

        进入项目文件夹：cd <项目名>

        启动项目：npm start

        安装组件：yarn add antd-mobile

                 ​​​​