Vue環境搭建

2021-08-13 21:00:04 字數 1344 閱讀 3120

第一步

:開啟命令列,輸入

node -v
檢視版本號,如果顯示版本號則安裝成功。

第二步,安裝**映象

第三步:安裝vue命令列工具 vue-cli

在輸入**映象後輸入 

# 全域性安裝 vue-cli ,前邊安裝了cnpm。可以用cnpm安裝vue-cli了

$ cnpm install --global vue-cli
第四步,建立專案, 

$ vue init nuxt-community/starter-template
project-name是你將要建立的專案的名稱,例如我要建立的專案名稱是vuedemo,而我要在桌面建立,

我需要在輸入這行命令之前先進入桌面。在進行建立。

回車之後會出現三行資訊。分別是1、專案名稱,2、專案描述,3、作者

可以直接點回車不用管,我這裡是輸入了專案名稱和作者。

實際上可以不用輸入。會預設帶的有。注意看成功後我開啟的http://localhost:3000/ 的頁面(在下面)

第五步

安裝依賴包。執行專案詳細參考 

先進入自己的專案再進行安裝,

$ cd $ cnpm i
等待一會再輸入 

$ cnpm  run dev
顯示如下則表示成功

位址列輸入 http://localhost:3000/ 

最後一部也可以不使用**映象的 cnpm,而繼續使用npm

npm i 和 npm run dev

vue環境搭建

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

Vue 環境搭建

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

Vue環境搭建

3.在nvm資料夾內新建乙個settings.txt,內容如下 需結合實際路徑 arch 64 proxy none node mirror npm mirror 4.配置環境變數 然後在在path的最前面輸入 nvm home nvm symlink 開啟乙個cmd視窗執行命令nvm v,輸出當前...