成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

Near_Li / 2580人閱讀

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

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

1.安裝node

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

如果有顯示npm的版本號(hào)說明安裝成功

2. 引入淘寶鏡像

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

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

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

3.安裝vue腳手架

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

4.安裝webpack

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

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

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

第五步之后，會(huì)在項(xiàng)目文件中看到

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

6.運(yùn)行vue項(xiàng)目

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

注意

若eslint驗(yàn)證太嚴(yán)格需要關(guān)掉，則刪掉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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/51169.html

相關(guān)文章

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

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

    DTeam 評(píng)論0 收藏0

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

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

    liuchengxu 評(píng)論0 收藏0

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

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

    leonardofed 評(píng)論0 收藏0

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

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

    LiuZh 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<