vue環境搭建

2021-09-29 23:02:05 字數 757 閱讀 3687

1.1找到安裝目錄先的code.exe開啟

3.1開啟命令列視窗,輸入 npm install -g cnpm --registry=

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

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

3.3安裝vue   

3.3.1輸入命令 cnpm install vue

3.4安裝vue-cli   

3.4.1輸入命令 cnpm install --global vue-cli

**********此時環境就搭建好了*****************

4.接下來我們需要指定乙個目錄存放我們的專案

4.1可以選擇任意路徑,確定好路徑後輸入下面的命令

vue init webpack "專案名稱"

install vue-router? yes

use eslint to lint your code? yes

set up unit tests no

setup e2e tests with nightwatch? no

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

cd "專案所在資料夾"

4.3然後依次輸入下面的命令

cnpm install 

cnpm run dev

4.4成功後我們進入瀏覽器,輸入localhost:8080會展示下面的頁面 

vue環境搭建

1.安裝node.js 2.vue環境搭建要依賴node,借助於node裡的npm包管理來安裝需要的依賴等。基於node.js,利用 npm映象安裝相關依賴 輸入 npm install g cnpm registry 3.安裝全域性vue cli腳手架,用於搭建所需的模板框架 1 輸入 cnpm ...

Vue環境搭建

第一步 開啟命令列,輸入 node v檢視版本號,如果顯示版本號則安裝成功。第二步,安裝 映象。第三步 安裝vue命令列工具 vue cli 在輸入 映象後輸入 全域性安裝 vue cli 前邊安裝了cnpm。可以用cnpm安裝vue cli了 cnpm install global vue cli...

Vue 環境搭建

2.安裝vue npm install vue g 現在一般安裝node之後會自動安裝npm包管理器,g表示全域性安裝,不帶 g會在當前cmd當前所在目錄新建node modules,並將vue安裝到此資料夾下 3.安裝webpack npm install webpack g cmd命令列輸入we...