总觉得学习字面知识有点枯燥。古人云：实践是掌握代码知识的最好体现。因此，从今天开始，我要开始自学和开发一个电商项目。一是实践，巩固知识。另外，我也会准备一些项目经验储备，用于面试。话不多说，开始我们的“小红商城”项目日志的第一篇吧。本项目的学习资源来自MOOC。我只是把自己的学习过程记录在博客里，方便回顾和总结。一、Vue项目环境配置1、安装Node和Git接下来我们需要先下载Node和Git。这很简单。百度到Node和GitBash的官网，点击下载安装。这里说明一下，我们下载的时候尽量选择稳定版，不要选择最新版，因为最新版可能不支持项目的部分模块，还有一个，因为是最新版，如果出现问题，我们可以查询的解决方案很少。当然，下载后别忘了勾选2、安装Vue-cli脚手架和初始化Webpack项目npminstall-g@vue-clivueinitwebpackXXX这个地方需要注意，我们在配置的时候尽量不要打开我们的ESLint。开启后可能会报一些莫名其妙的错误，往往就是这个ESLint搞鬼。但是我并不是说它没有用，它是我们写代码的格式的基准，当我们逐渐熟悉了代码操作之后，我们就加上它。你可以给你的项目取一个好听的名字，然后替换那个XXX。我的名字是SweetyMall！3、下载相关依赖npminstall但是我们的package.json文件不是很全面，我们项目中需要很多重要的插件。这里我先下载了vue-resource和axios。以后会及时补充npminstallvue-resourse--savenpminstallaxios--save启动项目npmrundev2.数据库相关配置按照正常的套路，首先要设置我们的静态页面，然后与我们连接到数据库进行通信。不过我整整两天都在搞配置，遇到了很多bug，甚至还以为是服务器被我搞坏了，还好还好顺利运行。为了避免再次踩坑，我先把整个配置工作记录下来。首先说明一下，我选择安装在腾讯云的服务器上。当然你也可以选择虚拟机，没问题，步骤也差不多。一、FTP的安装与配置FTP是我们在本地和服务器之间传输文件的必要手段，不可或缺A、安装vsftpdyum-yinstallvsftpdB、进入配置文件，配置参数vi/etc/vsftpd/vsftpd.conf//输入vi命令后，需要在非中文输入法中输入i。写好后先按ESC，再输入：wq。//下面的说明，其中一些在默认配置中已经存在，我们只需要改变它的值就可以了，如果不行，在文件末尾添加即可。anonymous_enable=NOchroot_local_user=YESallow_writeable_chroot=YESpasv_enable=YESpasv_min_port=40000pasv_max_port=40100C,开启ftp服务systemctlstartvsftpd//我们可以设置开机自动启动，这样就不用输入启动命令systemctlenablevsftpdD,Firewallportfirewall-cmd--zone=public--add-port=21/tcp--permanent//重启ftp服务systemctlrestartvsftpd另外，对于我们使用的服务器，我们需要添加一些安全组，请单击此处。查看具体添加步骤（各厂商服务器添加方法大同小异）E，添加用户//用户名useraddxiaohong//密码（会要求重新输入，默认密码不显示）passwdxiaohongF，记得给自己的项目文件夹加上权限。（切记！）//我默认把项目放在/home/www/下。如果没有这个目录，可能是你没有下载nginx或者Apache（如果是云服务器，默认都有）chown-Rxiaohong:xiaohong/home/www/sweetymallG，重启FTP服务就是这样，但是还有一个问题。一般情况下，如果我们想在浏览器上访问我们本地的项目，是没有太大问题的。执行npmrundev命令后，我们可以访问localhost:8080/查看我们项目的成品。但是，我们也希望能够在其他地方访问我们的项目。上传到服务器不是很好吗？事实上，我们可以将开发中的项目或完成的项目上传到我们的服务器。但是，当我们在项目中添加或修改代码时，仅仅通过shell窗口是非常麻烦的。我们希望能够像处理本地项目一样处理服务器上的项目。那么，FileZlia无疑是最好的选择。当然，这样的可视化管理工具还有很多，我选择了比较常用的。输入正确的信息进行登录。2.MongoDB的安装配置OK，工作已经完成了一大半，接下来就是我们的第二步A，安装mangoDB在这里，我还是不建议大家去用yum等方法从官网拉包，真的也是。....慢的。建议大家找资源直接下载一个tgz包。我也会在文末列出我们在这篇文章中提到的一些相关下载。我们自己下载的时候一定要注意版本问题，一定要按号入座，而且版本不要下载太新，尽量使用稳定版。我们先在服务器/usr/目录下建一个mongodb文件夹，下载完tgz包后，用我们的FileZlia直接把包移动到我们的mongodb文件夹下，然后解压：cd/usr///直接在Grantpermissionheremkdir-m777mongodb//unziptar-zxvfmongodb-linux-x86_64-4.0.13.tgz//我们改名为mvmongodb-linux-x86_64-4.0.13mymongoB，环境变量和配置先给我们mongo是写在环境变量里，不然每次都要启动命令很麻烦。vim/etc/profile//在配置文件中加入如下语句，好像也有export，直接写在上面即可。哦，对了，打字的时候不要忘记先打i，写完也不要忘记Esc：wqexportPATH=/usr/mongodb/mymongo/bin:$PATH//让我们的修改生效source/etc/profile接下来整理我们的mymongo目录，里面还什么都没有。.（1）跳转到我们的mymongo文件夹，新建数据库目录和日志目录cd/usr/mongodb/mymongomkdirdbmkdirlog（2）设置权限chmod777dbchmod777log（3）创建配置文件touchmongodb.conf(4)跳转到日志目录，新建日志文件cdlogtouchmongodb.log(5)回到配置文件，写入如下语句cd..vimmongodb.conf//写入如下语句port=27017dbpath=/usr/mongodb/mymongo/dblogpath=/usr/mongodb/mymongo/log/mongodb.loglogappend=truefork=truemaxConns=100#auth=truenoauth=truejournal=truestorageEngine=wiredTigerbind_ip=0.0.0.0C、启动Mongomongod--config/usr/mongodb/mymongo/mongodb.conf--port27017当出现类似下图的界面时，恭喜。D、可视化工具的选择OK，为什么要使用可视化工具？我们都知道学习了Mysql之后直接使用SQL命令是非常麻烦的。我们需要一个管理工具来帮助我们轻松实现增删改查操作。官方为我们提供了一个管理工具——MongoDBCompassCommunity。当然，官网的下载速度可想而知。不过这个还是很好用的，就是最好以导入文件的形式导入数据。好像我手写的时候总是出错。.然后更好的是Studio3T，不过这个好像是付费降价的。当然，我们也可以干坏事E，给mongodb添加权限用户不知道大家有没有注意到，我们在写mongodb.conf配置文件的时候，其中有一个noauth=true的语句，表示我们只有输入正确的ip才能连接到我们的数据库，这无疑是非常危险的，所以我们经常需要创建一个指定的用户，并赋予其访问权限，这样就不用担心任何人都可以访问我们的数据库了。首先，我们使用mongo命令进入我们编写mongo语句的状态。创建用户这里有个问题，我也没有找到合理的解决办法，就是我们授予用户权限的时候出现的问题。
