第一步
:開啟命令列,輸入
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,輸出當前...