vue-cli腳手架新版和舊版的安裝與使用
vue腳手架的舊版(1.X,2.X)的安裝與建立,首先檢視電腦是否安裝node和npm,:
1 安裝命令:
npm i vue-cli -g
如果安裝淘寶映象的話可以使用cnpm
2 安裝並設定淘寶映象:
npm install cnpm -g --registry=https://registry.npm.taobao.org
安裝成功之後,cnpm就可以替代npm
3 建立專案
windows+R 進入命令列
建立專案之前確認node環境,安裝好node之後預設安裝了npm
檢視node和npm 是否安裝
node -v
npm -v
4 選擇路徑,建立專案
進入一個資料夾,進入命令列視窗
執行命令:
vue init webpack 專案名
然後一路回車
5 啟動專案
cd 專案名
cnpm run serve
6 在瀏覽器輸入localhost:8080即可
新版本的安裝與老版本的解除安裝
如果你已經全域性安裝了舊版本的 vue-cli(1.x 或 2.x),你需要先通過
npm uninstall vue-cli -g 解除安裝它
1 安裝新版本:
cnpm i -g @vue/cli
2 安裝完成之後檢視版本是否正確:
vue --version
vue -V
3 然後建立一個專案:
vue create 專案名
相關文章
- Express 腳手架的安裝和使用Express
- vue-cli 3.0腳手架與vux的配合使用VueUX
- yarn的安裝,並使用yarn安裝vue腳手架YarnVue
- [今日白學]npm、Vue-CLi 3.x腳手架的安裝教程NPMVue
- vue-cli 腳手架詳解Vue
- 腳手架vue-cli系列二:vue-cli的工程模板與構建工具Vue
- vue-cli多頁面腳手架Vue
- 兩步建立vue-cli腳手架Vue
- bee腳手架 安裝的心塞路程
- VUE學習之腳手架(vue-cli)Vue
- 搭建Vue2.0腳手架(vue-cli)Vue
- 08 . Vue腳手架安裝,使用,自定義配置和Element-UI匯入使用VueUI
- node環境搭建和vue-cli腳手架使用詳解Vue
- 仿 vue-cli 搭建屬於自己的腳手架Vue
- vue實踐01之vue-cli腳手架Vue
- 腳手架與混入
- vue-cli腳手架原理以及製作方式(一)Vue
- 基於vue-cli的多頁面應用腳手架Vue
- 使用vue-cli腳手架工具建立一個簡單的單頁應用Vue
- 不會手寫vue-cli腳手架,leader竟要辭退我!Vue
- vue-cli腳手架打包的靜態資源請求出錯Vue
- Vue學習之vue-cli腳手架下載安裝及配置【轉存】Vue
- 走進Vue-cli原始碼,自己動手搭建前端腳手架工具Vue原始碼前端
- 使用腳手架建立Vue程式Vue
- (精華)2020年7月12日 vue 手搭腳手架vue-cliVue
- 什麼是腳手架?為什麼需要腳手架?常用的腳手架有哪些?
- vue-cli腳手架中webpack配置基礎檔案詳解VueWeb
- 使用腳手架搭建VUE專案Vue
- 服務端渲染的React手腳架。完美使用 React, Redux, and React-Router!最好用的腳手架服務端ReactRedux
- vue腳手架Vue
- 一款破產版腳手架的誕生
- Vue腳手架介紹與基本用法Vue
- vue基本指令與腳手架基本配置Vue
- ant design pro 腳手架使用總結
- 在vue腳手架中如何使用EChartsVueEcharts
- 【 Vue 】 Vue 使用腳手架建立專案Vue
- 我猜你需要一個像vue-cli一樣的後端(node)腳手架Vue後端
- VUE從零開始系列(安裝腳手架),呆萌小白上手VUEVue