https://github.com/prestashop-developers/vue

https://github.com/prestashop-developers/vue

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/prestashop-developers/vue
• Owner: prestashop-developers
• Created: 2019-03-02T23:50:07.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-03-03T20:01:36.000Z (almost 6 years ago)
• Last Synced: 2023-09-28T12:19:21.098Z (about 1 year ago)
• Language: Vue
• Size: 109 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Vue

In this example we will be deploying a simple "Hello World" example with Vue CLI.

### Getting started with Vue

- Install the Vue CLI:

```

npm install -g @vue/cli

```

- Create your Vue project:

```

vue create 

```

### Deploy with Now

First we need to create a `now.json` configuration file to instruct Now how to build the project.

For this example we will be using our newest version [Now 2.0](https://zeit.co/now).

By adding the `version` key to the `now.json` file, we can specify which Now Platform version to use.

We also need to define each builders we would like to use. [Builders](https://zeit.co/docs/v2/deployments/builders/overview/) are modules that take a deployment's source and return an output, consisting of [either static files or dynamic Lambdas](https://zeit.co/docs/v2/deployments/builds/#sources-and-outputs).

In this case we are going to use `@now/static-build` to build and deploy our Vue application selecting the `package.json` as our entry point. We will also define a name for our project (optional). The `routes` property makes sure requests like `/non-existent-page` are routed to the Vue `index.html`.

```json

{

    "version": 2,

    "name": "vue",

    "builds": [

        { "src": "package.json", "use": "@now/static-build" }

    ],

    "routes": [

      {"src": "^/js/(.*)", "dest": "/js/$1"},

      {"src": "^/css/(.*)", "dest": "/css/$1"},

      {"src": "^/img/(.*)", "dest": "/img/$1"},

      {"src": ".*", "dest": "/index.html"}

    ]

}

```

Visit our [documentation](https://zeit.co/docs/v2/deployments/configuration) for more information on the `now.json` configuration file.

We also need to include a script in `package.json` named `"now-build"` that specifies what command Now will run on the server to "build" your application. Also notice that we are using `npm run build` that will create a folder called `dist` which Now identifies as the static folder.

```json

{

    "scripts": {

      ...

      "build": "vue-cli-service build",

      "now-build": "npm run build",

    },

}

```

We are now ready to deploy the app.

```

now

```