Vue环境搭建及部署

安装#

  1. 安装 Node.js(需要8.9或更高版本)

  2. 安装完成后,使用以下命令安装 @vue/cli:

Copy
npm install -g @vue/cli // 或者 yarn global add @vue/cli

Yarn 下载地址

注意:安装 Yarn 前,需要先安装 Node.js。

  1. 检查版本来确认是否安装成功:
Copy
vue --version

创建项目#

Copy
vue create hello-world // or vue create . // 当前目录

注意:
在 windows 上通过 minTTY 使用 Git bash,交互提示符并不工作,需要用以下命令创建项目:

Copy
winpty vue.cmd create hello-world
  1. 输入:y

  2. 选择第二个:Manually select features,第一个为默认配置

  3. 目前只选 Babel,如果有需要可以自行选择(空格键选择,enter 键确认)

  4. 选择第一个:In dedicated config files,意思为对于的配置单独生成一个文件,第二个意思是把配置文件放在 package.json 中

  5. 输入:n,意思是要不要把刚才的配置保存。

  6. 部署完成

  7. 使用以下代码预览项目:

Copy
yarn serve
  1. 打包项目
Copy
yarn build

上传到GitHub#

新建一个文件:vue.config.js

写入以下代码:

Copy
module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/vue-demo/dist/' : '/' }

在终端输入:

Copy
yarn build

最后在 GitHub 新建项目上传...

注意:其中 dist 文件夹就是所需要上传到 GitHub 的文件。

Vue CLI官网 - 部署

posted @   LqZww  阅读(144)  评论(0编辑  收藏  举报
CONTENTS
点击右上角即可分享
微信分享提示