项目准备,
编程工具:VS,VSCode
API:
1.新建一个.net core webapi项目,命名为whwwblogApi
2.新建4个.net core类库,分别命名为whwwBlogApplication(应用层),whwwBlogCore(核心层),whwwBlogExtend(扩展层),whwwBlogFrameworkCore(EF层)
目录结构如下
Vue:
1.安装Node.js 如果安装不是默认安装(我安装在D盘),需要修改环境变量(命令执行者所在的地址)
安装目录
环境变量
重启后CMD能查看版本表示成功即可以用npm命令
2.成功后安装Vue脚手架
3.安装完后查看版本 -V大写
4.完成后创建一个Vue项目(最好到你需要的盘符路径使用CMD,这样创建的项目在此前盘符下) 命令: vue create 项目名
一次选择第三个手动选择回车
选择配置(空格选择)回车
选择版本2.X回车,不保存历史
5.用VSCode打开项目文件夹,新建文件Vue.config.js(写配置名字不可变),api文件夹(封装请求),components文件夹(组件)
此时目录结构如下,如果少文件夹添加即可
6安装打包工具webpack
打开cmd,输入命令 全局安装webpack(为了使用webpack命令)
在whwwBlogVue项目文件夹内打开CMD或VSCode打开时直接Ctrl+~(在Esc下)调出终端安装本地Webpack(开发依赖要用)
npm install webpack webpack-cli --save-dev
至此,项目搭建完成