Vue 快速原型開發

 

碼農先賺點小錢，區塊鏈技術應用之-Pi幣 只需5秒 

 

 

 

 

快速原型開發

注意: 是:serve 而不是 server

經過使用 vue serve 和 vue build 命令對單個 *.vue 文件進行快速原型開發，不過這須要先額外安裝一個全局的擴展
go:
npm install -g @vue/cli-service-global

vue serve 缺點: 他須要安裝全局依賴，在不一樣機器上的一致性不能獲得保證。因此只適用於快速原型開發。

vue serve
Usage:serve [options] [entry]
在開發環境模式下零配置爲 .js 或 .vue 文件啓動一個服務器

Options:

-o, --open 打開瀏覽器
-c, --copy 將本地url賦值到剪貼板
-h, --hep 輸出用法信息

你所須要的僅僅是一個 App.uve 文件
<template>
<h1>Hello!</h1>
</template>

而後再這個 App.vue 文件所在的目錄下運行:
vue serve

vue serve 使用了和 vue create 建立的項目相同的默認設置 (webpack、Babel、PostCSS 和 ESLint)。它會在當前目錄自動推導入口文件——入口能夠是 main.js、index.js、App.vue 或 app.vue 中的一個。你也能夠顯式地指定入口文件：

vue serve MyComponent.vue//指定入口文件

若是須要，你還能夠提供一個 index.html package.json 安裝並使用本地依賴、甚至經過相應的配置文件配置 Babel PostCSS 和ESLint

Vue build
Usage:build [options] [entry]
在生產環境模式下零配置構建一個 .js 或 .vue 文件
Options:
-t, --target <target> 構建目標(app | lib | wc | wc-async,默認值：app)
-n, --name <name> 庫的名字或Web Components 組件的名字(默認值：入口文件名)
-d, --dest <dir> 輸出目錄(默認值:dist)
-h, --help 輸出用法信息

 

你也能夠使用 vue build 將目標文件構建成一個生產環境的包並用來部署：
vue build MyComponent.vue

vue build 也提供了將蘇建構建稱爲一個庫或一個Web Components 組件的能力。

 

更多：構建目標 https://cli.vuejs.org/zh/guide/build-targets.html#%E5%BA%94%E7%94%A8