1. 程式人生 > >vue-cli工具2.9以上版本的使用

vue-cli工具2.9以上版本的使用

新版vue-cli使用基礎

第一步安裝

安裝和原來的一樣,執行命令,全域性安裝

    npm install vue-cli -g

新建專案

    vue init webpack Vue-Project

進入到專案,安裝依賴包

    cd Vue-Project
    npm install

執行專案

    npm run dev

與舊版本區別

  安裝與新建專案跟舊版本沒有什麼變化,最大的變化是build資料夾沒有了
server檔案,那麼我們應該怎麼去寫nodejs程式碼呢?
  我們知道雖然vue-cli升級了,我們找不到它引用的express模組了,不過他還是基於express實現的,所以,我們只需要這樣寫:
  找到webpack.dev.conf.js檔案,devServer里加before(app)就可以了。
這裡寫圖片描述


  這樣就可以了。

相關推薦

vue-cli工具2.9以上版本的使用

新版vue-cli使用基礎 第一步安裝 安裝和原來的一樣,執行命令,全域性安裝 npm install vue-cli -g 新建專案 vue init webpack Vue

TortoiseSVN 1.9.5安裝 與 Eclipse4.4.2以上版本中安裝SVN插件

new port 作用 nbsp fin 1.8 detail net .net 引自: http://blog.csdn.net/chenchunlin526/article/details/54631458 TortoiseSVN 1.9.5安裝 與 Eclipse4

TortoiseSVN 1.9.5安裝 與 Eclipse4.4.2以上版本中安裝SVN外掛

引自:http://blog.csdn.net/chenchunlin526/article/details/54631458 TortoiseSVN 1.9.5安裝 與 Eclipse4.4.2及以上版本中安裝SVN外掛  ---於2017-7-11編輯過 1、先在本機安裝TortoiseSVN 1.9.

jquery1.9以上版本如何使用toggle函數

return this 但是 com default prev 處理 clas ++ toggle() 方法用於綁定兩個或多個事件處理器函數,以響應被選元素的輪流的 click 事件。 但是在1.9及以上的版本中已經刪除了該功能。 感覺這個功能還是不錯的,以下來自網上搜集,

Vue-cli的安裝步驟詳細版本

條件: node在4.以上,npm在3以上 安裝步驟: 1、cmd開啟命令列視窗 2、輸入cnpm install vue-cli -g,然後回車等待(想在哪個目錄建立vue專案就要在進入到對應目錄再輸入命令) 3、安裝結束後輸入vue 如果顯示版本號繼續下一步操作 4、執

Elasticsearch 2.0以上版本根據條件批量刪除Java如何實現

Elasticsearch在2.0以前版本,刪除操作有兩種方式,一種是通過id來進行刪除,但是這種方式一般不常用,因為id不容易得到;另一種方式是通過先查詢操作,然後刪除,也就是通過client.prepareDeleteByQuery這種方式來根據條件批量刪除資料:

騰訊 QMUI iOS UI 框架 2.9.3 版本釋出

   QMUI iOS 2.9.3 版本已釋出,更新內容如下: 新增功能 增加 NSObject (QMUI_DataBind) 用於臨時給 NSObject 新增一些資訊,省去自定義 class 或者增加 property

struts2 2.5以上版本安裝中web.xml的配置(包括核心過濾器filter)

<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-

從讀取視訊程式比較opencv1.0與2.0以上版本

opencv入門的那本經典教材《學習opencv》上關於讀取視訊程式碼是基於1.0版本寫的,筆者在2.4.9版本上改寫了一下。 //《學習opencv》基於1.0版本讀取視訊原始碼 #include"highgui.h" int main(int argc, char**argv) { cv

使用 java 構建一個 cli 工具 (2) airline

java 編寫可執cli 工具 像 presto 這樣的框架提供了 presto-cli 這樣的工具,使用java編寫的.那麼它是如何構建的呢.  1. pom.xml <?xml version="1.0" encoding="UTF-8"?> <p

springfox-swagger 升級到2.9.0版本 ,報預設值的問題

使用 2.9.2 版本後 訪問 swagger 提示 java.lang.NumberFormatException: For input string: "" at java.lang.NumberFormatException.forInputString(NumberFormatExcepti

vue-cli版本更新(2.9.1)問題記錄

cnblogs ejs log 網上 row 不能 9.1 topic png 重新安裝了nodejs以後,我也重新下載安裝了vue-cli準備寫一個新的練手項目。當我修改好默認端口後,啟動server服務,發現默認瀏覽器不能自動打開頁面;控制臺打印也變成這樣了;‘npm

vue-cli版本更新(2.9.1)問題記錄-2

cli index -h 節奏 顯示 localhost 查找 ios1 訪問 今天想把做好的頁面放在手機端瀏覽,發現新版的vue-cli無論在PC還是手機都只能用localhost訪問(127.0.0.1除外).....(這樣還怎麽讓我用手機吃雞了!TT),於是我在網上查

解決安裝vue-cli報錯 出現-4058的問題(vue 版本2.9.6)

解決安裝vue-cli報錯 出現-4058的問題(vue版本 2.9.6) 解決步驟: 1.通過config命令 npm config set registry https://registry.npm.taobao.org npm inf

最新vue-cli 2.9.1和2.8.x版本的區別

最近vue-cli更新,用其構建專案的時候,發現bulid檔案下少了兩個檔案,分別是dev-sever.js和dev-client.js vue-c

vue-cli 2.92版本 後臺數據獲取server

eva egl dcl crs 連接 添加 lsb 博客 vue 一、引包 const axios = require(‘axios‘); const express = require(‘express‘); const apiRoutes = express.Rou

vue-------------2.9.6 vue cli---------2.9.6

"axios": "^0.18.0", "element-ui": "^2.4.9", "less": "^3.8.1", "lib-flexible": "^0.3.2", "mint-ui": "^2.2.13", "px2rem-loader": "^0.1.9", "vue": "^2.5.

最新vue-cli 2.9.1的webpack存在問題

最近vue-cli更新,用其構建專案的時候,發現bulid檔案下少了兩個檔案,分別是dev-sever.js和dev-client.js vue-cli 2.8 vue-cli 2.9.1 這是為什麼呢 我們檢視下package.

vue-cli腳手架npm相關文件說明-2、webpack.prod.conf.js

base upd esp dev 如何 resolve 壓縮 ont 緩存 下面介紹webpack.prod.conf.js中相關配置代碼和配置的說明,建議先查閱build/webpack.prod.conf.js /* * Webpack 生產環境配置文件,用於生

使用vue-cli腳手架工具搭建vue-webpack項目(轉)

後臺 .org 開發 tab targe rip 自動 模塊化 num  對於Vue.js來說,如果你想要快速開始,那麽只需要在你的html中引入一個<script>標簽,加上CDN的地址即可。但是,這並不算是一個完整的vue實際應用。在實際應用中,我們必須要一