1 2 3 4 5 6 7 8 async my_fun(){ const [response1, response2] = await Promise.all( [ fetch(api1), fetch(api2) ].map(v=>v.catch(e=>console.log(e))) ) }
npm install 常用的-S 、-D 、-g 有什么区别 npm install 本身就有一个别名 npm i
npm i module_name -S 即 npm install module_name –save 写入dependencies,发布到生产环境 npm i module_name -D 即 npm install module_name –save-dev 写入devDependencies,发布到开发环境 npm i module_name -g 即 global全局安装(命令行使用) npm i module_name 即 本地安装(将安装包放在 ./node_modules 下) vue,vue-cli和@vue/cli是什么关系?有什么区别? vue是构建用户界面的渐进式JavaScript 框架。
vue-cli是vue的一个官方脚手架工具(快速工程化命令工具), 用来帮助程序员们快速搭建基于vue框架的开发环境。
vue有很多脚手架工具,vue-cli只是其中一种,侧重于单页面应用 (SPA) 的快速搭建,网址:cli.vuejs.org/zh/guide/
@vue/cli是新版vue-cli,提供了GUI维护界面,@vue/cli 安装的是vue3及以上版本, vue-cli 安装的是vue2。
扩展:
Vue-cli = Vue + 一堆的js插件。 SpringCloud = SpringBoot + 一堆第三方组件。 vue-cli 4.
一、安装node.js 进入官网 下载node.js
node版本必须在10.0.0以上才支持
然后在vscode里分别输入 node -v和npm -v 安装上了就会输出相应的版本号
二、安装 cnpm(可略) 1、说明:npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等); 2、使用npm安装插件:命令提示符执行npm install 3、选装 cnpm 因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事!来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”;
安装: cnpm install -g cnpm –registry=https://registry.npm.taobao.org 输入cnpm -v,可以查看当前cnpm版本 PS: yarn是个包管理器,是facebook发布的一款取代npm的包管理工具 //npm安装yarn
1 npm install -g yarn 三、安装vue-cli脚手架构建工具 vue-cli 提供一个官方命令行工具,可用于快速搭建大型单页应用。
输入命令
1 cnpm install -g @vue/cli 指定版本: 如是3.0以下
1 npm install -g vue-cli@版本号 如是3.
技术栈
开发工具:VSCode
代码管理:Git
前端框架:Vue3
构建工具:Vite
路由:vue-router 4x
状态管理:vuex 4x
AJAX:axios
UI库:element-plus
数据模拟:mockjs
代码规范:eslint
代码格式化:Prettier
css预处理:sass
开始构建
1. 初始化项目 [ 安装yarn ]
1 npm i yarn -g 安装vite:
1 2 3 npm init vite@latest [ProjectName] or yarn create vite [ProjectName] 安装完成后vite会引导我们创建一个项目,输入项目名称,package名称,然后选择项目使用的框架,这里有多个选项,选择Vue:
Docker网络 1 docker network create --driver bridge --subnet 192.168.0.0/16 --gateway 192.168.0.1 mynet 通过镜像启动MySQl容器 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 # 启动mysql # -d 后台运行 # -p 端口映射 # -v 卷挂载 # --name 名字 # --net 设置网络) # -m 内存限制 # --memeory-reservation 内存的软性限制 # --memeory-swap 内存+交换分区大小总限制,设置时必须比-m大 docker run --name blog-mysql -d -p 3306:3306 -v /home/mysql/blog/conf:/etc/mysql -v/home/mysql/blog/data:/var/lib/mysql -m 600m --memory-swap 1g -e MYSQL_ROOT_PASSWORD=blogqimington1113 mysql:8.
方法1 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 # 1.关掉mysql服务 net stop mysql # 此处为win环境 linux为service stop mysql; # 2.用cmd用管理员的方式进入到mysql的安装路径下的bin,执行: mysqld --console --skip-grant-tables --shared-memory # 保留该窗口 # 3.重开cmd,无密码进入mysql: mysql -u root # 4.修改数据库并给root用户添加权限 use mysql; update user set select_priv=‘Y’,Insert_priv=‘Y’,Update_priv=‘Y’,Delete_priv=‘Y’,Create_priv=‘Y’,Drop_priv=‘Y’,Reload_priv=‘Y’,File_priv=‘Y’,Grant_priv=‘Y’,References_priv=‘Y’,Index_priv=‘Y’,Alter_priv=‘Y’,Show_db_priv=‘Y’,Super_priv=‘Y’,Create_tmp_table_priv=‘Y’,Lock_tables_priv=‘Y’,Execute_priv=‘Y’,Repl_slave_priv=‘Y’,Repl_client_priv=‘Y’,Create_view_priv=‘Y’,Show_view_priv=‘Y’,Create_routine_priv=‘Y’,Alter_routine_priv=‘Y’,Create_user_priv=‘Y’,Event_priv=‘Y’,Trigger_priv=‘Y’,Create_tablespace_priv=‘Y’ WHERE user=‘root’; # 5.刷新并退出: flush privileges; exit; # 6.重启数据库 net restart mysql; # Linux为service mysql restart; # 7.