#项目的编译和发布 #静态发布新浪云 #node服务器发布新浪云 #nodejs服务器部署数据库 #新浪云前后端结合

一. vue项目的编译和发布

脚手架中有大量的新技术:vue文件,es6模块.. 这些文件语法大部分浏览器无法直接运行
解决：开发好的项目,经过编译,打包,压缩,变成ES5代码部署到服务器
如何：npm run build
结果：自动在项目文件夹下新建dist文件夹,包含传统的代码

二. 将纯前端的静态的项目发布到新浪云服务器

将纯前端的项目发布到新浪云
1. 网址: https://www.sinacloud.com/
2. 选"产品"->"云应用SAE"->"进入控制台"->用新浪微博扫码登录
3. 点左上方"创建应用"->"我已确认"->

4. 点左侧"运行环境管理"->"代码管理"->在"版本列表"右侧->选择"上传代码包"
5. 进入用npm run build生成好的dist文件夹内部，选择所有文件，压缩。将压缩包拖拽到第5步打开的界面中方块内！
6. 上传成功，就可点击版本列表中的链接，访问自己新浪云上的静态网页了。
7. 在线编辑: 在"版本列表"右侧，"上传代码包"左边，有"在线编辑"，打开之后可以上传新文件，修改文件内容，删除旧文件！

三. 将标准的nodejs服务器端发布到新浪云服务器

1. 使用express脚手架生成工具，来创建一个标准的nodejs服务器端项目
	(1). 安装生成脚手架代码的命令行工具： 
	npm i -g express-generator 
	(2). 用命令行工具生成一个项目的脚手架代码: 
	a. 先找到要创建项目的文件夹
	b. 在文件夹中打开cmd
	c. 输入: express 项目名
	d. 再输入: cd 项目名 , 进入项目文件夹
	e. 运行: npm i, 下载项目依赖的node_modules
	(3). 在本地测试服务器端项目是否正常运行: 
	a. 用vscode打开项目文件夹
	b. 右键单击package.json文件，选择在集成终端中打开
	c. 在弹出窗口中输入： npm start
	d. 打开浏览器输入http://localhost:3000，看到示例网页，说明成功
	(4). 要想部署新浪云，必须修改服务器端项目端口为5050： 
	bin/www文件中，找到3000，改为5050
	测试: 重启服务器端项目，打开浏览器访问http://localhost:5050，看到示例网页，说明成功！

2. 将服务器端项目部署到新浪云服务器：
	(1). 创建应用： 回到新浪云控制台，点创建应用，再点"我已确认"

	(2). 选择应用程序的配置: 

	(4). 点"确认创建"，进入项目控制台
	(3). 上传代码:
	a. 官方的步骤说明:  左侧"运行环境管理"->代码管理
	b. 先在本地确认有没有人之前在这台电脑登录过新浪账号，并记住了密码！
		1)