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
来源: http://www.bubuko.com/infodetail-2451464.html