Vue、nodejs、react利用脚手架创建项目
1、Node.js (Express)Express简介:Express是一个简介而灵活的node.js Web应用框架,提供了一系列强大特性帮助你创建各种Web应用,和丰富的HTTP工具。使用Express 可以快速搭建一个完整功能的网站。Express框架核心特性:* 可以设置中间件来响应HTTP请求。* 定义了路由表用于执行不同的HTTP请求动作。* 可以通过向模...
·
1、Node.js (Express)
Express简介:
Express是一个简介而灵活的node.js Web应用框架,提供了一系列强大特性帮助你创建各种Web应用,和丰富的HTTP工具。
使用Express 可以快速搭建一个完整功能的网站。
Express框架核心特性:
* 可以设置中间件来响应HTTP请求。
* 定义了路由表用于执行不同的HTTP请求动作。
* 可以通过向模板传递参数来动态渲染HTML页面。
(a)首先安装Express,并将其保存到依赖列表中:
cnpm install express -S
以上的命令会将Express框架安装在当前目录的node_modules目录中,下面几个重要的模块是需要与Express框架一起安装的:
* body-parser -node.js 中间件,用于处理JSON、Raw、Text和URL编码的数据。
* cookie-parser -这是一个解析Cookie的工具。通过req.cookie可以取到传过来的cookie,并把 他们转成对象。
* multer -node.js的中间件,用于处理enctype="multipart/form-data"(设置表单的MIME编码)的表单数据。
cnpm install body-parser -S
cnpm install cookie-parser -S
cnpm install multer -S
安装完成后,让我们一起试一下Express框架吧
1、安装生成器:
cnpm install express-generator -g(全局安装一次即可)
2、创建名称为APP的应用:
express app
3、安装依赖包:
cd app 先进入app目录下
cnpm install 安装需要的依赖包
4、启动应用:
cnpm start
默认端口号是3000,想要更改端口号去 app/bin/www 路径下修改即可
2、Vue-cli脚手架搭建项目 (须有node和webpack)
(a)cnpm install vue-cli@2 -g 全局安装一次即可
(b)vue init webpack myapp 初始化项目
(c)cd myapp 进入到myapp文件夹目录下
(d)cnpm install 安装加载模块
(e)cnpm run dev 查看服务器是否建立成功
(f)cnpm install node-sass sass-loader -D 安装sass模块(看需求是否需要安装)
详细操作请跳转:[Vue-cli](https://blog.csdn.net/qq_43634982/article/details/83866133)
3、react利用 create-react-app 搭建项目
(1)安装:
cnpm install create-react-app -g 全局安装一次即可
(2)创建react应用:
create-react-app 是全局命令来创建react项目
create-react-app myapp
主要依赖有:react,react-dom,react-scripts
更多推荐
已为社区贡献2条内容
所有评论(0)