值得收藏的vuejs安裝教程
本文為大家分享了vuejs安裝教程，供大家參考，具體內(nèi)容如下
1.安裝nodejs，自帶npm環(huán)境。
地址：https://nodejs.org/en/download/，Node.js 歷史版本下載地址：https://nodejs.org/dist/ 可自行選擇適合自己操作系統(tǒng)的版本。
安裝過程參見：安裝配置
2.安裝淘寶鏡像。
因國內(nèi)訪問國外鏈接速度過慢，建議將 npm 的注冊表源設(shè)置為國內(nèi)的鏡像，可以大幅提升安裝速度。
打開cmd直接輸入：npm install -g cnpm –registry=https://registry.npm.taobao.org，回車，等待安裝...
npm install -g cnpm --registry=https://registry.npm.taobao.org
注意=后面不能有空格，否則會報錯。
3.安裝express（選擇安裝）。
cnpm install -g express
4.安裝webpack 。
cnpm install -g webpack
5.安裝vue。
cnpm install vue
6.安裝vue-cli。
cnpm install -g vue-cli
7.至此，已經(jīng)完成環(huán)境搭建，可以開始項目初始化。
在cmd里用cd命令跳轉(zhuǎn)到指定地址，項目初始化命令：vueinitwebpackvue-projectname。projectname--項目文件夾的名稱(名字不能用中文)，這個vue-projectname文件夾會自動生成在你跳轉(zhuǎn)到的工作目錄中。
vue init webpack vue-projectname
注意：安裝過程中，需要自行輸入項目名稱，描述，作者等等，即上圖中的？后面的答案。
8.cd到我們的項目文件夾d:\Vue\vue-test中，運(yùn)行命令cnpm install 安裝包。
cnmp install
9.測試項目是否安裝成功。
cnpm run dev
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue3中使用ref和emit來減少props的使用示例詳解
現(xiàn)在在開發(fā)vue3項目的過程中，我們開發(fā)小組漸漸的減少props的使用，轉(zhuǎn)而用ref 和 emit 來代替，這篇文章主要介紹了vue3中使用ref和emit來減少props的使用,需要的朋友可以參考下2022-06-06
這篇文章主要給大家介紹了關(guān)于vue使用Echarts繪制地圖的相關(guān)資料,Apache ECharts一個基于JavaScript的開源可視化圖表庫,提供了常規(guī)的折線圖、柱狀圖、散點(diǎn)圖、餅圖、K線圖,用于統(tǒng)計的盒形圖,需要的朋友可以參考下2023-09-09
這篇文章主要為大家學(xué)習(xí)介紹了Vue如何使用echarts繪制柱狀圖和折線圖,文中有詳細(xì)的示例代碼,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-08-08
利用Vite2和Vue3實現(xiàn)網(wǎng)站國際化的全過程
vite2已經(jīng)出來一段時間了,最近沒忍住嘗試了一下,這篇文章主要給大家介紹了關(guān)于利用Vite2和Vue3實現(xiàn)網(wǎng)站國際化的相關(guān)資料,需要的朋友可以參考下2021-08-08
基于node+vue實現(xiàn)簡單的WebSocket聊天功能
最近學(xué)習(xí)了一下websocket的即時通信，感覺非常的強(qiáng)大，這里我用node啟動了一個服務(wù)進(jìn)行websocket鏈接，然后再vue的view里面進(jìn)行了鏈接，進(jìn)行通信，廢話不多說，直接上代碼吧2020-02-02
這篇文章主要介紹了Vue官方文檔梳理之全局配置，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
vue使用keep-alive實現(xiàn)數(shù)據(jù)緩存不刷新
這篇文章主要介紹了vue使用keep-alive實現(xiàn)數(shù)據(jù)緩存不刷新，這里整理了詳細(xì)的代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
前端vue-cli項目中使用img圖片和background背景圖的幾種方法
這篇文章主要介紹了前端vue-cli項目中使用img圖片和background背景圖的幾種方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
在一些特殊的應(yīng)用場景中,可能需要在網(wǎng)頁上添加水印以保護(hù)版權(quán)或標(biāo)識信息,本文將介紹如何在Vue項目中添加滿屏水印并實現(xiàn)去除水印的功能,文中通過代碼示例講解的非常詳細(xì),需要的朋友可以參考下2024-07-07
本文章通過實現(xiàn)一個vue-dialog的彈出層組件，然后附加說明如果發(fā)布此包到npm，且能被其他項目使用。本文給大家介紹的非常詳細(xì)，需要的的朋友參考下2017-03-03