vue單頁應用之創建和運行

Near_Li 發布于2019-08-01 17:29 / 2575人閱讀

摘要：首先要開始單頁應用開發，肯定是要知道如何運行，如何創建單頁，這里將一步步帶你入的坑。。。

首先要開始vue單頁應用開發，肯定是要知道如何運行，如何創建單頁，這里將一步步帶你入vue的坑。。。

1.安裝node

安裝node并不是叫你學習node,而是我們需要node里面npm所有才去安裝，進入node官網的下載頁http://nodejs.cn/download/下...，安裝完畢之后在命令框中輸入npm -v看下是否有安裝成功

如果有顯示npm的版本號說明安裝成功

2. 引入淘寶鏡像

這里引入淘寶鏡像主要是為了能夠速度快些，畢竟要訪問國外的有時候會比較慢，在命令框中輸入

npm install -g cnpm --registry=https://registry.npm.taobao.org

引入之后查看版本號，看是否安裝成功，cnpm -v,如果有一大串東西出來說明成功

3.安裝vue腳手架

在命令框中cnpm install vue-cli -g(這里一定要全局安裝)，安裝好之后就可以進入vue的開發了,檢查腳手架是否安裝成功vue -V(這里的V要大寫)

4.安裝webpack

在你想要的磁盤里面創建一個項目文件，然后在這個項目文件的目錄下，打開命令框，輸入
cnpm install webpack(這里webpack是局部安裝如果要全局安裝則命令為cnpm install webpack -g)

5.vue項目創建

以上四步都完成之后，在項目文件的目錄下，打開命令框輸入vue init webpack 【vue項目名稱】

第五步之后，會在項目文件中看到

vuePro就是我們創建的vue項目開發文件，接下來都在這個文件里面進行開發vue單頁應用

6.運行vue項目

在上面創建的vuePro文件目錄下，打開命令提示框，輸入cnpm install,運行完畢之后，繼續在命令框中輸入cnpm run dev接下來就可以運行項目了

注意

若eslint驗證太嚴格需要關掉，則刪掉build中webpack.base.conf.js文件的這部分即可，刪掉部分如下圖：

test: /.(js|vue)$/,
loader: "eslint-loader",
enforce: "pre",
include: [resolve("src"), resolve("test")],
options: {
  formatter: require("eslint-friendly-formatter")
}

GPU云服務器云服務器單頁應用單頁應用cdn 單頁應用程序快速搭建php運行環境之wampserver

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51169.html

vue單頁應用之創建和運行

摘要：首先要開始單頁應用開發，肯定是要知道如何運行，如何創建單頁，這里將一步步帶你入的坑。。。首先要開始vue單頁應用開發，肯定是要知道如何運行，如何創建單頁，這里將一步步帶你入vue的坑。。。 1.安裝node 安裝node并不是叫你學習node,而是我們需要node里面npm所有才去安裝，進入node官網的下載頁http://nodejs.cn/download/下...，安裝完畢之后...

DTeam 2019-08-20 18:55 評論0 收藏0
前端每周清單第 12 期：支付寶前端構建工具發展、LinkedIn用Brotli加快網頁響應速度、餓

摘要：前端每周清單第期支付寶前端構建工具發展用加快網頁響應速度餓了么升級實踐前端前端每周清單前端每周清單專注前端領域內容，分為新聞熱點開發教程工程實踐深度閱讀開源項目巔峰人生等欄目。前端每周清單第 12 期：支付寶前端構建工具發展、LinkedIn用Brotli加快網頁響應速度、餓了么PWA 升級實踐為InfoQ中文站特供稿件，首發地址為這里；如需轉載，請與InfoQ中文站聯系。從屬于筆...

liuchengxu 2019-08-20 16:23 評論0 收藏0
[使用 Weex 和 Vue 開發原生應用] 6 使用 vue-router

摘要：使用值來作路由。原生應用本身就是多頁的場景，頁面間狀態的隔離比共享更重要一些。使用開發的是原生應用，頁面棧的管理使用的也是原生的特性，沒有但是有模塊可以實現頁面的前進和后退等操作。系列文章的目錄在 ? 這里（由于我比較懶最近一段時間在忙其他事，系列文章拖了好久終于又更新了。。。）什么是 vue-router ？ vue-router 官方文檔 vue-router 是針對 V...

leonardofed 2019-08-20 15:51 評論0 收藏0
使用 Vue.js 和 Flask 來構建一個單頁的App

摘要：我們將創建一個簡單的，它將從到返回一個隨機數。我們來改變組件顯示隨機數在這個階段，我們只是模仿客戶端的隨機數生成過程。在這個教程中，我們將講解如何將vue.js單頁應用與Flask后端進行連接。一般來說，如果你只是想通過Flask模板使用vue.js庫也是沒有問題的。但是，實際上是一個很明顯的問題那就是，Jinja（模板引擎）也和Vue.js一樣采用雙大括號用于渲染，但只是一個還算...

LiuZh 2019-07-31 11:06 評論0 收藏0