1.whwwblog项目总体框架的介绍和建立

本文详细介绍了如何从头开始构建一个.NET Core Web API项目和Vue.js前端应用。首先,通过VS和VSCode创建.NET Core Web API项目及多个类库,构建出清晰的项目结构。接着,安装并配置Node.js与Vue CLI,创建Vue项目,并设置Vue.config.js,创建必要的文件夹结构。最后,安装Webpack进行项目打包。整个过程涵盖了项目初始化、环境配置、目录结构设计和前端构建工具的使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目准备,

编程工具: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

至此,项目搭建完成

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值