vue 環境搭建

2022-02-18 09:54:38 字數 933 閱讀 5725

安裝homebrew(是mac os x下的軟體包管理工具,可以安裝,解除安裝,更新,檢視,搜尋等功能)

終端輸入:ruby -e "$(curl -fssl "。開始安裝,中間可能要輸入電腦密碼,耐心等待過後出現下圖表示安裝成功。可通過brew -v 檢視版本。

安裝nodejs

終端輸入:brew install nodejs或者直接官網手動安裝。 node -v 檢視 nodejs版本

注:網上說使用終端安裝會需要nodejs模組安裝目錄的許可權,執行:sudo chmod -r 777 /usr/local/lib/node_modules/

安裝npm (**映象)

終端輸入:npm install -g cnpm --registry=

配置映象加速:npm config set registry

安裝webpack

cnpm install webpack -g
安裝vue腳手架(自動搭建vue專案框架的工具)

sudo npm install -g vue-cli
輸入vue或者vue list,可vue是否安裝成功。

vue list
建立vue專案

vue init webpack hello
恢復依賴包

npm install
啟動專案

npm  run dev。關閉請按ctrl+c。
打包專案

如果要進行部署,需要將vue專案打包,就是打成html的靜態頁

npm run build

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...