MacOS vue项目创建
vue3官网
前置条件
vue项目创建需要使用Vue CLI脚手架
可以看我之前的文章
MacOS Vue CLI脚手架安装
创建vue项目
可以通过右键文件夹,选择“新建位于文件夹位置的终端标签页”在指定文件夹中打开终端(这是为了在指定位置创建vue项目),
然后在终端中输入以下命令并输入密码
sudo vue create {项目名}
我为前端项目取名为sbms_vue,即使用vue create sbms_vue
命令
前面两个选项是Vue3和Vue2的默认配置,我们选择第三个自定义配置
我们选择Babel,Router和Vuex(空格进行选择,enter进行确定)
选择vue3版本
输入y使用history mode
选择package.json
输入n拒绝保存配置
创建成功
创建成功后,分别输入以下指令以启动项目
cd sbms_vue
npm run serve
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bJZ11wR6-1679911770261)(简单后台管理系统前后端分离项目说明文档.assets/image-20230317104427476.png)]
通过control+c停止项目
通过webstorm启动vue项目
-
通过webstorm打开sbms_vue文件夹
-
在右上角选择Edit Configurations…
-
选择npm
-
进行以下配置并Apply
-
然后就可以在webstorm的右上角启动vue项目