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

資訊專欄INFORMATION COLUMN

vue-cli 3.0

mengera88 / 616人閱讀

摘要：配置環(huán)境變量參考打包后項(xiàng)目的啟動(dòng)發(fā)生了變化，之前可以直接打開，現(xiàn)在需要參數(shù)的意思是將其架設(shè)在模式下這個(gè)模式會處理即將提到的路由問題

(第一章)學(xué)習(xí)vue-cli 3.0腳手架構(gòu)建vue項(xiàng)目 vue學(xué)習(xí)鞏固及遇到的問題

首先這次使用的vue腳手架為vue-cli 3.0，它跟之前的腳手架改變了很多，這里我也沒去細(xì)細(xì)的研究，也只懂得了最基本的用法，參考:

vue-cli 3 地址：https://cli.vuejs.org/zh/guide/

其中值得注意幾點(diǎn)：

1.vue-cli 3 腳手架需要node.js 版本8.9 或更高版本,因?yàn)橹绊?xiàng)目用的vue1.0，所以node版本用的比較低

    (6.11.3)，所以想同時(shí)管理多個(gè)node版本，所以用到了gnvm一個(gè)工具，
    官網(wǎng)也有推薦nvm 或 nvm-windows(本人沒用).

2.記錄下gnvm一些簡單常用的命令鏈接描述：

        config       配置 .gnvmrc
        use          使用某個(gè)本地已存在的 Node.js 版本
        ls           輸出 [local] [remote] Node.js 版本
        install      下載/安裝任意已知版本的 Node.js
        uninstall    刪除任意本地已存在的 Node.js
        update       下載 Node.js latest 版本并更新到 .gnvmrc 里面
        npm          NPM 下載/安裝/刪除 管理
        session      臨時(shí)設(shè)定本地某個(gè)已存在的 Node.js 為 全局 Node.js
        search       查詢并且輸出符合查詢條件的 Node.js 版本詳細(xì)信息的列表
        node-version 輸出 [global] [latest] Node.js 版本
        reg          設(shè)定 .gnvmrc 屬性值 [noderoot] 為 環(huán)境變量 [NODE_HOME]，并加入到 Path 中
        version      查看 gnvm 版本
        安裝多個(gè)node.js: gnvm install latest 1.0.0-x86 1.0.0-x64 5.0.0
        卸載本地任意 Node.js 版本: gnvm uninstall latest 1.0.0-x86 1.0.0-x64 5.0.0
        安裝node.js 對應(yīng)的npm版本：  1、gnvm有命令(可以去看文檔)  2、npm install -g [email protected]

3.vue-cli 3 靈活 配置都作為插件 項(xiàng)目構(gòu)建好后也可以隨時(shí)加插件，插件文檔鏈接描述。

4.想修改啟動(dòng)時(shí)打開瀏覽器和修改端口等 只需在package.json scripts對象中修改：

        具體的命令：
            用法：vue-cli-service serve [options] [entry]
            --open    在服務(wù)器啟動(dòng)時(shí)打開瀏覽器
            --copy    在服務(wù)器啟動(dòng)時(shí)將 URL 復(fù)制到剪切版
            --mode    指定環(huán)境模式 (默認(rèn)值：development)
            --host    指定 host (默認(rèn)值：0.0.0.0)
            --port    指定 port (默認(rèn)值：8080)
            --https   使用 https (默認(rèn)值：false)

5.動(dòng)態(tài)圖片或者說靜態(tài)資源放在public文件夾下。不會經(jīng)過webpack打包。
6.配置環(huán)境變量參考：https://segmentfault.com/a/11...
7.打包后dist項(xiàng)目的啟動(dòng)發(fā)生了變化，之前可以直接打開index.html，現(xiàn)在需要

npm install -g serve
# -s 參數(shù)的意思是將其架設(shè)在 Single-Page Application 模式下
# 這個(gè)模式會處理即將提到的路由問題
serve -s dist

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

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

相關(guān)文章

  • vue-cli2.0轉(zhuǎn)3.0之項(xiàng)目搭建

    摘要：因?yàn)轫?xiàng)目技術(shù)架構(gòu)需要，要用進(jìn)行搭建，所以簡單的分享下如何優(yōu)雅的開始。第三步創(chuàng)建項(xiàng)目相對，創(chuàng)建就不是之前一大堆了。直接，是項(xiàng)目名字。但是個(gè)人建議，進(jìn)行多選，根據(jù)自己需要進(jìn)行選擇。根據(jù)提示，運(yùn)行一把一下，跑起來的感覺很棒。 因?yàn)轫?xiàng)目技術(shù)架構(gòu)需要，要用vue-cli 3.0進(jìn)行搭建，所以簡單的分享下3.0如何優(yōu)雅的開始。下面做一下簡單的介紹，希望可以幫到有需要的朋友。 vue-cli 3.0...

    Zhuxy 評論0 收藏0

  • 記vue-cli@3.0和之前版本的差異

    摘要：記使用方式和之前版本的差異的使用下載和安裝項(xiàng)目生成的目錄結(jié)構(gòu)以上，目前版本的使用下載和安裝項(xiàng)目生成的目錄結(jié)構(gòu)新的目錄結(jié)構(gòu)，隱藏了配置文件，封裝了細(xì)節(jié)對比個(gè)區(qū)別區(qū)別下載包的包命變化。貌似是之前的版本有點(diǎn)問題 記[email protected]使用方式和之前版本的差異 @2.9.3的使用 1.下載vue-cli和安裝項(xiàng)目 cnpm i -g vue-cli#2.9.3 vue init webpa...

    wow_worktile 評論0 收藏0

  • vue-cli 3.0 源碼分析

    摘要：寫在前面其實(shí)最開始不是特意來研究的源碼，只是想了解下的命令，如果想要了解命令的話，那么繞不開寫的。通過分析發(fā)現(xiàn)與相比，變化太大了，通過引入插件系統(tǒng)，可以讓開發(fā)者利用其暴露的對項(xiàng)目進(jìn)行擴(kuò)展。 showImg(https://segmentfault.com/img/bVboijb?w=1600&h=1094); 寫在前面 其實(shí)最開始不是特意來研究 vue-cli 的源碼，只是想了解下 n...

    yiliang 評論0 收藏0

  • vue-cli 3.0

    摘要：配置環(huán)境變量參考打包后項(xiàng)目的啟動(dòng)發(fā)生了變化，之前可以直接打開，現(xiàn)在需要參數(shù)的意思是將其架設(shè)在模式下這個(gè)模式會處理即將提到的路由問題 (第一章)學(xué)習(xí)vue-cli 3.0腳手架構(gòu)建vue項(xiàng)目 vue學(xué)習(xí)鞏固及遇到的問題 首先這次使用的vue腳手架為vue-cli 3.0，它跟之前的腳手架改變了很多，這里我也沒去細(xì)細(xì)的研究，也只懂得了最基本的用法，參考: vue-cli 3 地址：http...

    April 評論0 收藏0

發(fā)表評論

0條評論

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