diff --git "a/\350\214\203\346\234\210\346\271\230/Vuejs-2021-7-10.md" "b/\350\214\203\346\234\210\346\271\230/Vuejs-2021-7-10.md" new file mode 100644 index 0000000000000000000000000000000000000000..af14595d8ef3fd9f674e772dbdf5ffc53a78fc94 --- /dev/null +++ "b/\350\214\203\346\234\210\346\271\230/Vuejs-2021-7-10.md" @@ -0,0 +1,34 @@ +# Vuejs和element ui +## Vuejs + git init + git status + cd .Backend + dotnet restore + dotnet build + cd .Api + dotnet run + cd ../../ + 进行提交 + 创建一个主文件夹,加一个后端子文件夹 + 环境配置 + 打开cmd + 进入到D盘所创建的主文件夹 + 淘宝镜像:npm config set registry https://registry.npm.taobao.org + 安装yarn:npm i -g yarn + 全局安装Vue:yarn global add @vue/cli + 创建一个前端子文件夹:mkdir vue.frontend(文件夹名称皆小写) + 创建项目:vue create vue.frontend + 进入到前端文件夹:cd vue.frontend + 运行:yarn serve + 前端子文件夹应与主文件夹中的子文件夹内容一致 + 建个仓库,把文件夹扔进去 + git remote add origin master 仓库地址 + 进行提交步骤的操作 + git push --set-upstream origin master + yarn add vue-router + 安装Vetur +## element ui + 安装element ui:yarn add element-ui + +[less快速入门](less.bootcss.com) + \ No newline at end of file diff --git "a/\350\214\203\346\234\210\346\271\230/Vuejs-2021-7-9.md" "b/\350\214\203\346\234\210\346\271\230/Vuejs-2021-7-9.md" new file mode 100644 index 0000000000000000000000000000000000000000..440dc0931b597d6d8229bd8982b34458703bd893 --- /dev/null +++ "b/\350\214\203\346\234\210\346\271\230/Vuejs-2021-7-9.md" @@ -0,0 +1,47 @@ +# vue重启 +## 构建前后端分离的目录结构 + git init + git status + cd vue.backend + dotnet restore + dotnet build + cd Slight.Backend.Api + dotnet run + 提交:构建前后端分离项目的目录结构 + 前端后端各一个文件夹,添加忽略文件 + + cd ../../ + 淘宝镜像:npm config set registry https://registry.npm.taobao.org + npm install -g @vue/cli + 暂停换yarn + 安装yarn:npm i -g yarn + 全局安装vue:yarn global add @vue/cli + npm install -g @vue/cli + 运行vue,报错:vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。 + 配置环境变量 + 好家伙,重启,依然不得行 + cmd,进入D盘,进入所创建的主文件夹(小写哦) + vue create -h 查看命令 + 文件夹命令需要小写形式 + 添加完成后发现新增node_modules以及忽略文件 + 打开前端文件夹,git status检查文件 + 单独打开前端文件夹 + git status + 提交:搭建前端的框架 + 单独打开的文件夹(.frontend)修改后也需要在主文件夹(vuejsexa)进行同步修改 + + 建个仓库,把文件夹扔进去 + git remote add origin master 仓库地址 + 进行提交步骤的操作 + git push --set-upstream origin master + yarn add vue-router + + 记得安装Vetur + yarn serve运行 + 提交:引入路由并尝试路由的原始使用方式,将进行简单的封装 + + 封装路由 + 提交:将原先路由定义当中的组件同步加载,修改为异步加载 + + 补充一下之前的安装包 + dotnet add package Newtonsoft.Json -v 11.0.2 \ No newline at end of file