react和vue项目快速搭建

react项目快速搭建

　　1.安装node环境:

　　　　下载地址：https://nodejs.org/zh-cn/download/

　　2.打开终端

　　3.安装yarn或者cnpm, 这里以cnpm 为例，输入命令行:

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

　　4.安装create-react-app，输入命令行：

　　　　cnpm install -g create-react-app

　　　　说明：这里安装在全局中，安装一次就可以了。

　　5.创建react项目，输入命令行：

　　　　create-react-app  项目名

　　6.进入项目所在文件夹，输入命令行：

　　　　cd my-app

7.运行项目，输入命令行：

　　　　cnpm start

　　8.打包，输入命令行：

　　　　cnpm run build

vue项目快速搭建

　　1.安装node环境:

　　　　下载地址：https://nodejs.org/zh-cn/download/

　　2.打开终端

　　3.安装yarn或者cnpm, 这里以cnpm 为例，输入命令行:

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

　　4.安装vue-cli，输入命令行:

　　　　cnpm i -g vue-cli

　　5.初始化vue项目，输入命令行：

　　　　  vue init webpack  项目名

6.进入项目所在文件夹，输入命令行：

　　　　　　cd  项目名

　　7.安装项目依赖包，输入命令行：

　　　　　　cnpm i

　　8. 运行项目，输入命令行：

　　　　　　 cnpm run dev

　　9. 打包，输入命令行：

　　　　　　cnpm run build

备注

　　1.mac 用户在搭建的时候，要在最前面加上 sudo， password为登陆密码。

　　2.退出或者终止进程：

　　　　　　　　Mac: control+z

windows:  ctrl+c

原文地址：https://www.cnblogs.com/mtyf/p/8207282.html