vue响应式的网站

一、cmd搭建框架
这里就不说安装node、npm之类的了，直接安装开始
因为我这是找别人项目练手的，所以我知道安装哪些插件，现实中写一步安装一步的

 1. node -v    npm -v 查看node.js和npm版本 
 2. npm install -g @vue/cli  这是vue3.0的框架（vue3.0的框架他的node.js是 >= 8/9）
 3. vue create leftmenubar 创建vue项目（CSDN自己去查创建）
 4. npm install axios
 5. npm install crypto-js   加密算法库，账号、密码的，像MD5加盐密码
 6.  npm i element-ui -S  elemenu-ui框架
 7. npm i js-cookie -S   顾名思义就是cookie
 8. npm install jsonwebtoken --save   加密的秘钥，也就是登录时的token令牌，不懂自查
 9. npm install koa-generator -g  OSX系统框架{sudo npm install koa-generator -g (必须加上sudo，否则权限不足，没有写入权限)}
 10. npm install koa-bodyparser --save  koa中间件的插件
 11. npm i koa-generic-session koa-redis redis --save   koa2中的session和Redis并高速读写的语言编译
 12. npm install koa-router koa框架的路由
 13. npm install mongoose  官网http://www.mongoosejs.net/  
 14. npm install nodemailer  --save   使用nodemailer可以轻松实现邮件自动发送功能
 15. npm i koa  koa 依赖node V7.6.0及以上版本，首先确认node版本在7.6.0以上，版本低的请自行搞定。
 16. npm install koa-json JSON 漂亮打印的响应中间件。还将节点对象流转换为二进制。
 17. npm install -g nodemon   自动重启（php，java等web项目的时候，修改了项目代码，服务器都会自动重启，网址：https://nodemon.io/）
 
"dependencies": {
    "axios": "^0.21.1",
    "core-js": "^3.6.5",
    "crypto-js": "^4.0.0",
    "element-ui": "^2.15.2",
    "js-cookie": "^2.2.1",
    "jsonwebtoken": "^8.5.1",
    "koa": "^2.13.1",
    "koa-bodyparser": "^4.3.0",
    "koa-generic-session": "^2.1.1",
    "koa-json": "^2.0.2",
    "koa-redis": "^4.0.1",
    "koa-router": "^10.0.0",
    "mongoose": "^5.12.14",
    "nodemailer": "^6.6.1",
    "redis": "^3.1.2",
    "vue": "^2.6.11",
    "vue-router": "^3.2.0",
    "vuex": "^3.4.0"
  },

启动项目

npm run derve/dev 具体看情况

生成

npm run build

以上就是我的所有依赖，也学到很多以前没接触过的框架或者知识点，接下来就是进入项目时间

因为有数据库之类的，所以没办法继续，有数据库之后更新（自己有数据库的可以按照转载文章写，写的很详细）

转载： https://www.cnblogs.com/cckui/p/10536122.html