vue學習(1) vue-cli 專案搭建
一、windows環境
官網:2. 安裝
windows + r 開啟cmd,在命令列中輸入node -v,如果安裝成功就可以看到當前node的版本
輸入npm -v,可以看到相應的npm的版本
3. 安裝vue-cli
npm install -g cli
4. 建立cli專案
首先cd進入到你想要建立專案的資料夾目錄下
vue init webpack my-vue
根據提示資訊完成建立,專案名、專案描述、作者名、build、路由、eslint、測試等,eslint後面幾個推薦選擇no
5. 執行
建立完成後執行
cd my-vue
二、mac環境
官網:2. 安裝
開啟終端,在命令列中輸入node -v,如果安裝成功就可以看到當前node的版本
3. 安裝webpack
npm install webpack -g
會提示安裝webpack-cli,根據提示安裝即可
若因為許可權原因安裝失敗,在安裝命令列之前加入sudo,根據提示輸入密碼即可
4. 安裝vue-cli
npm install cli -g
5. 建立cli專案
首先cd進入到你想要建立專案的資料夾目錄下
vue init webpack my-vue
根據提示資訊完成建立,專案名、專案描述、作者名、build、路由、eslint、測試等,eslint後面幾個推薦選擇no
6. 執行
建立完成後執行
cd my-vue
npm run dev
即可看到提示
開啟該鏈結即可看到你的專案
完.
Vue從零單排1 vue cli的安裝與使用
今天心血來潮,想對vue覆盤一下 也是做了乙個完整的大型專案,使用了vue cli 3.x以上版本,springboot mybatits的後台以及各種技術,包括最新的docker技術及微服務 本身我是前端出身,所以,還是從前端,對vue進行一期知識的回顧,查漏補缺 想了想,就從vue cli開始,...
vue cli 搭建vue專案
安裝完成後,開啟命令列工具輸入命令node v,如果出現對應版本號,就說明安裝成功了。npm包管理器,是整合在node中的,所以,直接輸入npm v也會顯示出npm的版本資訊。由於npm的有些資源被牆,為了更快更穩定,所以我們需要切換到 的npm映象 cnpm。npm install g cnpm ...
初識vue專案 vue cli
安裝vue cli 1.先安裝node,安裝node的時候會自動安裝npm,可以通過 node v 和 npm v 測試版本 2.全域性安裝node 這個去看官方文件就可以 3.執行 npm run dev 注意事項 window系統不建議用gitbash 因為我就是用的 總是出問題,建議用powe...