Vue环境搭建及部署
安装#
-
安装完成后,使用以下命令安装 @vue/cli:
npm install -g @vue/cli
// 或者
yarn global add @vue/cli
注意:安装 Yarn 前,需要先安装 Node.js。
- 检查版本来确认是否安装成功:
vue --version
创建项目#
vue create hello-world
// or
vue create . // 当前目录
注意:
在 windows 上通过 minTTY 使用 Git bash,交互提示符并不工作,需要用以下命令创建项目:
winpty vue.cmd create hello-world
yarn serve
- 打包项目
yarn build
上传到GitHub#
新建一个文件:vue.config.js
写入以下代码:
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/vue-demo/dist/'
: '/'
}
在终端输入:
yarn build
最后在 GitHub 新建项目上传...
注意:其中 dist 文件夹就是所需要上传到 GitHub 的文件。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步