https://github.com/prestashop-developers/vue
https://github.com/prestashop-developers/vue
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/prestashop-developers/vue
- Owner: prestashop-developers
- Created: 2019-03-02T23:50:07.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2019-03-03T20:01:36.000Z (almost 7 years ago)
- Last Synced: 2025-03-16T14:49:33.395Z (9 months ago)
- Language: Vue
- Size: 109 KB
- Stars: 0
- Watchers: 0
- 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
```