Vue、nodejs、react利用脚手架创建项目

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
发布了44 篇原创文章 · 获赞 24 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_43634982/article/details/84308819