詳解使用nodeJs安裝Vue-cli
前提：nodeJs本地已安裝。
1、執(zhí)行npm install --global vue-cli ，全局安裝vue-cli
----因為默認是從國外服務器下，可以使用阿里巴巴在國內(nèi)的鏡像服務器。
產(chǎn)生通過config命令設(shè)置默認下載路徑：
npm config set registry https://registry.npm.taobao.org
然后再執(zhí)行：
npm install --global vue-cli
2、安裝后，檢查是否安裝成功
vue -V (在此注意V為大寫)
3、使用vue建一個項目名叫“my-project”（vue init webpack my-project），注意項目名不能有大寫。
----注：vue-cli 的模板包括 webpack 和 webpack-simple,前者是比較復雜專業(yè)的項目，他的配置并不全放在根目錄下的 webpack.config.js 中。
----webpack-simple 相對簡單的，它根目錄下才有個 webpack.config.js。
4、注意：
項目建立過程中，有如下選擇，選擇NO。（該選項為使用ESLint規(guī)范你的代碼，一個空格錯誤都將報錯，不開啟，避免不必要的麻煩）。
后兩項為單元測試，可以選擇No.
5、項目建立完成后，目錄結(jié)構(gòu)如下：
6、安裝項目所需依賴，進入項目中：
npm install
完成后，會發(fā)現(xiàn)項目目錄下多出一個node_modules文件夾，里面就是 vue-cli 創(chuàng)建的一個基于 webpack 的 vue.js 項目。
7、進入項目目錄文件夾（my-project）中，就可以使用vue進行開發(fā)啦
8、使用npm run dev，便可以打開本地服務器實時查看效果（localhost:8080）
如果瀏覽器打開之后，沒有加載出頁面，有可能是本地的 8080 端口被占用，需要修改一下配置文件 config>index.js
建議將端口號改為不常用的端口。另外我還將 build 的路徑前綴修改為 ' ./ '（原本為 ' / '），是因為打包之后，外部引入 js 和 css 文件時，如果路徑以 ' / ' 開頭，在本地是無法找到對應文件的（服務器上沒問題）。所以如果需要在本地打開打包后的文件，就得修改文件路徑。
9、初始效果
10，退出監(jiān)聽，可以直接Ctrl+C，選擇Y。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Node.js+express+socket實現(xiàn)在線實時多人聊天室
這篇文章主要為大家詳細介紹了Node.js+express+socket實現(xiàn)在線實時多人聊天室，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
在Node.js開發(fā)過程中,npm install 是安裝和管理項目依賴的關(guān)鍵命令,然而,有時我們會遇到 npm install 運行卡住不動的情況,本文將為你提供七種解決方案,幫助你順利進行依賴安裝,需要的朋友可以參考下2024-07-07
Nodejs在局域網(wǎng)配置https訪問的實現(xiàn)方法
做一個局域網(wǎng)WebRTC視頻聊天系統(tǒng)，需要用到HTTPS。因此，配置Node.js使其支持HTTPS訪問。這篇文章主要介紹了Nodejs在局域網(wǎng)配置https訪問的實現(xiàn)方法,需要的朋友可以參考下2020-10-10
下面小編就為大家?guī)硪黄猲odejs之get/post請求的幾種方式小結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
在Node.js下運用MQTT協(xié)議實現(xiàn)即時通訊及離線推送的方法
這篇文章主要介紹了在Node.js下運用MQTT協(xié)議實現(xiàn)即時通訊及離線推送的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-01-01
這篇文章主要介紹了為什么node.js不適合大型項目，想了解node.js的同學，可以參考一下2021-04-04
本文主要介紹了Node.js?實現(xiàn)簡單爬蟲,爬取美食網(wǎng)站的菜品標題和圖片鏈接,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2025-02-02
這篇文章給大家主要介紹了Node.js與MySQL交互操作及其注意事項，非常的詳細，有相同需求的小伙伴可以參考下2016-10-10
使用Node.js實現(xiàn)base64和png文件相互轉(zhuǎn)換的方法
這篇文章主要介紹了使用Node.js實現(xiàn)base64和png文件相互轉(zhuǎn)換的方法，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
文章介紹了Node.js中`morgan`依賴的安裝、基本使用、日志格式（如`dev`、`combined`、`common`等）,以及如何自定義日志格式和將日志寫入文件,感興趣的朋友一起看看吧2025-02-02