vue環境搭建步驟

2021-08-20 05:54:48 字數 720 閱讀 6118

vue.js是前端乙個比較火的mvvm框架,要使用它,我們必須提前配置,其中有一種安裝方式是使用npm,比較適合比較大型的應用。今天就來看看這種方式如何操作,由於npm是國外的,使用起來比較慢,我們這裡使用**的cnpm映象來安裝vue.

1.開啟命令列視窗,輸入

獲取到cnpm以後,我們需要公升級一下,輸入下面的命令

cnpm

install

cnpm -g

因為安裝vue需要npm的版本大於3.0.0,所以我們要公升級一下,

然後我們輸入下面的命令,安裝vue

必須要切換到npm 目錄裡面執行 否則無效

cnpm

install

vue接下來安裝vue-cli

cnpm install

--global

vue-cli

此時環境就搭建好了。

2.接下來我們需要指定乙個目錄存放我們的專案,可以選擇任意路徑,確定好路徑後輸入下面的命令

vue init webpack

"專案名稱"

3.成功以後,我們進入專案所在目錄

cd"專案所在資料夾"

然後依次輸入下面的命令

cnpm

install

cnpm run dev

vue環境搭建步驟

安裝2 檢視node是否安裝成功 windows r cmd 開啟命令列 輸入 node v 檢視node版本,node版本需要 8.9 使用的時候 寫cnpm,等同於npm 4 安裝vue cnpm install vue g5 安裝腳手架 cli 如果之前已經安裝過舊版本 非3.x 腳手架,需要...

搭建vue專案環境步驟

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

搭建vue開發環境步驟

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