vue環境搭建步驟

2022-08-22 03:54:12 字數 1347 閱讀 2318

安裝2) 檢視node是否安裝成功

windows+r => cmd 開啟命令列

輸入 node -v 檢視node版本,node版本需要》8.9

使用的時候 寫cnpm,等同於npm

4) 安裝vue

cnpm install vue -g
5) 安裝腳手架 cli

如果之前已經安裝過舊版本(非3.x)腳手架,需要解除安裝舊版本:

cnpm uninstall vue-cli -g

cnpm install -g @vue/cli      安裝腳手架,用於生成專案
vue --version     檢視vue-cli版本

-g:(global)全域性安裝,安裝完成後在任何乙個資料夾下都能使用。

cd ..    進入上級目錄

cd 檔名    進入該檔案

cnpm install   安裝依賴包

6) 建立專案

使用快捷鍵 win+r ,輸入cmd,回車,開啟命令提示符

進入到vue專案要在的路徑下,我放在了桌面( cd desktop )

新建專案,vue init webpack + 專案名稱

components:存放元件

router:專案的路由

main.js:整個專案的入口js

7) 執行專案

第六步新建專案後,在命令提示符最下面的幾行,有這樣的內容

cd ttxue進入

輸入cnpm run dev 啟動專案

在瀏覽器上開啟 http://localhost:8080

好了,乙個vue專案搭建完成

vue環境搭建步驟

vue.js是前端乙個比較火的mvvm框架,要使用它,我們必須提前配置,其中有一種安裝方式是使用npm,比較適合比較大型的應用。今天就來看看這種方式如何操作,由於npm是國外的,使用起來比較慢,我們這裡使用 的cnpm映象來安裝vue.1.開啟命令列視窗,輸入 獲取到cnpm以後,我們需要公升級一下...

搭建vue專案環境步驟

npm install global vue cli 1 儀錶盤外掛程式中新增外掛程式,搜尋 vue cli plugin element安裝 2 安裝完成,在配置外掛程式中,第一項選擇import on demand 按需手動配置 1 儀錶盤依賴中安裝依賴,執行依賴中搜尋axios,進行安裝 2 ...

搭建vue開發環境步驟

相信很多人在剛開始學習vue這個框架的時候,在最開始搭建開發環境的時候,都會遇到一些大大小小的坑,我之前在學習 的時候搭建過一次,過了乙個月後在搭建第二次的時候,竟然有一些混亂,所以今天想整理出來 vue現在在前端,相對於算是現在前端工程師都比較常用的框架之一 node.js vue 的執行是要依賴...