1.安装node.js/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
检测是否安装成功:brew -v
执行命令行brew install node
安装node。执行npm -v
即可看到安装好的npm版本,node中带npm
3.安装webpack(全局安装)npm install webpack -g
4.安装vue手脚架(全局安装,比如vue模板等)npm install vue-cli -g
到此为止,Vue项目的前期环境就算是配好了。接下来就是创建Vue项目了。
5.创建Vue工程
首先,cd到工程目录下面
操作步骤为,在本地创建一个空文件夹,用来存放Vue项目,比如mydemo这个文件夹,例如:cd /Users/luoxiaoyou/Desktop/MyDemo
然后,创建Vue工程vue init webpack myprojectName
6.会弹出来很多选项,可以直接敲enter键,选择默认
如图:在执行完之后,就会在电脑上创建一个zx123的项目
...
7.安装Vue的模块
重新CD到工程目录README文件的上一层目录,然后执行安装Vue操作
cd lxy123 然后执行 npm install 注:执行完这个工程目录下面会多出一个文件夹node_modules,其实执行这个之后,就不用再单独执行安装第八步骤中的路由和请求木块。因为 npm install 是安装了package.json所有的模块
npm install 表示安装package.json文件中的模块,一般创建新项目的时候我们会直接执行这个操作npm install
但是当我们后续需要添加一些别的依赖或者框架的时候,就可以执行npm install vue-resource --save
说明:vue-resource是一个依赖的名称
9.运行Vue项目npm run dev
浏览器会成功显示如图界面,就代表环境和项目都搭建完成
参考:
vue安装:https://www.jianshu.com/p/545b42dd5fbc
mysql安装:https://blog.csdn.net/catstarxcode/article/details/78940385
图形化界面:https://www.jianshu.com/p/ce5dba3bc02c
复习数据库ER关系:https://www.visual-paradigm.com/cn/guide/data-modeling/what-is-entity-relationship-diagram/
nodejs连接mysql出错:https://blog.csdn.net/weixin_36222137/article/details/81293332
nodejs express入门:https://blog.csdn.net/qq_38209578/article/details/82593591
阿里云开端口:https://blog.csdn.net/lvjianhui1992/article/details/92851092
服务器开端口:https://blog.csdn.net/carechere/article/details/52288058
执行sql:https://www.cnblogs.com/dengyg200891/p/6022100.html
远程访问sql:https://blog.csdn.net/gent__chen/article/details/51065723
sql常用命令:https://www.cnblogs.com/bluealine/p/7832219.html
vue变量定义:https://www.jianshu.com/p/34495c01a359
$router传参:https://www.cnblogs.com/beka/p/8583924.html
js回调函数处理同步:https://blog.csdn.net/rockage/article/details/79513450
nodejs async+wait实现数据库同步:https://www.jianshu.com/p/0837dde8dcd5
https://www.jianshu.com/p/142f2231355e
nodejs mysql连接池:https://www.jb51.net/article/134931.htm
vue后台请求例子:https://blog.csdn.net/vergilgeekopen/article/details/68954940
webstorm激活码:https://xiangzhihong.blog.csdn.net/article/details/100073548
cookie:https://zhidao.baidu.com/question/277393968.html
https://www.jb51.net/article/64330.htm
前端
计时器参考逻辑:https://github.com/getanwar/vuejs-countdown/blob/master/src/Countdown.vue
子元素右对齐:https://www.ibm.com/developerworks/cn/web/1409_chengfu_css3flexbox/
vue生命周期:https://www.cnblogs.com/yuliangbin/p/9348156.html
https://blog.csdn.net/weixin_39845746/article/details/79031332
https://segmentfault.com/q/1010000016935431/a-1020000016935490
页面缓存:https://www.jianshu.com/p/6b7485792957
https://blog.csdn.net/cyyy1223/article/details/80192218
时间格式转换:https://www.cnblogs.com/willingtolove/p/9544877.html
部署
vue部署到nginx:https://www.jianshu.com/p/05f889faa74b
centos安装nodejs和npm:https://jingyan.baidu.com/article/dca1fa6f48f478f1a5405272.html
升级npm:https://blog.csdn.net/zeng133/article/details/76670343
升级/切换node:https://segmentfault.com/a/1190000015302680
并发量因素:https://blog.csdn.net/timy07/article/details/80282441
并发量vs带宽:https://blog.csdn.net/weixin_41955327/article/details/84350847