在搭建框架过程中我们需要以下环境:
- node #官网下载安装,下载node时候会自带安装npm
- 【备注】:node -v #检测node是否安装成功,如果node命令无效,查看node执行脚本文件夹是否在环境变量中配置
- npm
- npm config set registry https://registry.npm.taobao.org #设置npm包代理下载地址,资源下载快
- cnpm install express #配置完成测试
- 【备注】:如果需要自己更改node包下载地址,以及缓存地址需要自己另外配置
-
npm config set prefix “d: odejs ode_global”
npm config set cache “d: odejs ode_cache”
-
- 上述环境准备完成:
构建react项目,查看文档:https://reactjs.org/docs/add-react-to-a-new-app.html
npm install -g create-react-app #安装react构建工具
create-react-app react_01 #使用构建工具,初始化项目,这里可能会出现 xxx command not found的错误,遇到这个错误就是环境变量没有配置该命令导致
【备注】:
需要配置环境变量:
NODE_PATH:"D:
odejs
ode_global
ode_modules"
PATH:"d:
odejs
ode_global"
cd react_01
npm start
构建vue项目,官网没有提供构建工具,汗颜
npm install -g vue-cli #构建工具
vue init webpack vue01 #使用vue构建项目
npm install #初始化项目
npm run dev #项目启动