值得收藏的vuejs安裝教程
本文為大家分享了vuejs安裝教程，供大家參考，具體內(nèi)容如下
1.安裝nodejs，自帶npm環(huán)境。
地址：https://nodejs.org/en/download/，Node.js 歷史版本下載地址：https://nodejs.org/dist/ 可自行選擇適合自己操作系統(tǒng)的版本。
安裝過(guò)程參見(jiàn)：安裝配置
2.安裝淘寶鏡像。
因國(guó)內(nèi)訪問(wèn)國(guó)外鏈接速度過(guò)慢，建議將 npm 的注冊(cè)表源設(shè)置為國(guó)內(nèi)的鏡像，可以大幅提升安裝速度。
打開cmd直接輸入：npm install -g cnpm –registry=https://registry.npm.taobao.org，回車，等待安裝...
npm install -g cnpm --registry=https://registry.npm.taobao.org
注意=后面不能有空格，否則會(huì)報(bào)錯(cuò)。
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)境搭建，可以開始項(xiàng)目初始化。
在cmd里用cd命令跳轉(zhuǎn)到指定地址，項(xiàng)目初始化命令：vueinitwebpackvue-projectname。projectname--項(xiàng)目文件夾的名稱(名字不能用中文)，這個(gè)vue-projectname文件夾會(huì)自動(dòng)生成在你跳轉(zhuǎn)到的工作目錄中。
vue init webpack vue-projectname
注意：安裝過(guò)程中，需要自行輸入項(xiàng)目名稱，描述，作者等等，即上圖中的？后面的答案。
8.cd到我們的項(xiàng)目文件夾d:\Vue\vue-test中，運(yùn)行命令cnpm install 安裝包。
cnmp install
9.測(cè)試項(xiàng)目是否安裝成功。
cnpm run dev
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了vue3中Teleport和Suspense的具體使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
vue.extend與vue.component的區(qū)別和聯(lián)系
這篇文章主要介紹了vue.extend與vue.component的區(qū)別和聯(lián)系，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了elementUI Tree 樹形控件的官方使用文檔，用清晰的層級(jí)結(jié)構(gòu)展示信息，可展開或折疊。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-04-04
解析Vue2 dist 目錄下各個(gè)文件的區(qū)別
本篇文章主要介紹了解析Vue2 dist 目錄下各個(gè)文件的區(qū)別，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
vue相同路由跳轉(zhuǎn)強(qiáng)制刷新該路由組件操作
這篇文章主要介紹了vue相同路由跳轉(zhuǎn)強(qiáng)制刷新該路由組件操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
這篇文章主要給大家介紹了關(guān)于Vue+element-ui添加自定義右鍵菜單的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
這篇文章主要介紹了淺談 Vue 項(xiàng)目?jī)?yōu)化的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
element?table?數(shù)據(jù)量大頁(yè)面卡頓的解決
這篇文章主要介紹了element?table?數(shù)據(jù)量大頁(yè)面卡頓的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-01-01
vue實(shí)現(xiàn)移動(dòng)端多格輸入框
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動(dòng)端多格輸入框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
如何利用vue3實(shí)現(xiàn)一個(gè)俄羅斯方塊
俄羅斯方塊這個(gè)游戲相信大家都玩過(guò),下面這篇文章主要給大家介紹了關(guān)于如何利用vue3實(shí)現(xiàn)一個(gè)俄羅斯方塊的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-01-01