成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

vue單頁應用之創(chuàng)建和運行

DTeam / 3005人閱讀

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

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

1.安裝node

安裝node并不是叫你學習node,而是我們需要node里面npm所有才去安裝，進入node官網(wǎng)的下載頁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的開發(fā)了,檢查腳手架是否安裝成功vue -V(這里的V要大寫)

4.安裝webpack

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

5.vue項目創(chuàng)建

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

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

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

6.運行vue項目

在上面創(chuàng)建的vuePro文件目錄下，打開命令提示框，輸入cnpm install,運行完畢之后，繼續(xù)在命令框中輸入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")
}

},

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/84869.html

相關文章

  • vue單頁應用之創(chuàng)建和運行

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

    Near_Li 評論0 收藏0

  • 前端每周清單第 12 期：支付寶前端構(gòu)建工具發(fā)展、LinkedIn用Brotli加快網(wǎng)頁響應速度、餓

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

    liuchengxu 評論0 收藏0

  • [使用 Weex 和 Vue 開發(fā)原生應用] 6 使用 vue-router

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

    leonardofed 評論0 收藏0

  • 使用 Vue.js 和 Flask 來構(gòu)建一個單頁的App

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

    LiuZh 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<