輸入node -v
,npm -v
,出現版本號即可。
總而言之,就是為了找到vue.cmd
這個檔案即可,將該路徑設定為,環境變數設定 —> 系統變數 —> path,編輯新增即可
執行cmd
命令輸入vue -v
即可。
可輸入vue create demo
,提示解除安裝原有的腳手架,安裝最新的腳手架,
輸入npm uninstall -g vue-cli
,然後npm install -g @vue/cli
即可
執行資料夾cmd面板,vue create demo
,選擇cli選擇配置,建議選取babel
,pwa
,router
,vuex
,css pre-processors
,這5個選項,
cd demo,npm run serve
即可
npm i element-ui -s
,引入import elementui from 'element-ui'
;import 'element-ui/lib/theme-chalk/index.css'
;
使用vue.use(elementui);
刪除多餘**,留下基本結構保證不報錯,在components
裡面新增login.vue
檔案,作為登陸頁面,去router
資料夾下的index.js
檔案修改路由,預設是指向主頁home
元件,增加path:/login
,在/的情況下redirect:'/login'
,即先驗證登陸,登陸完成才可以進入首頁
全域性樣式設定完,登入頁面即可沾滿整個頁面,注意,全域性樣式表是在main.js
裡面import
引入的。
搭建乙個Vue前端專案
一 安裝環境 2.檢查是否安裝成功 如果輸出版本號,說明我們安裝node環境成功 3.輸入 npm v 測試是否已經成功安裝 npm,出現版本號就表示成功安裝 另外 可以安裝cnpm npm install g cnpm registry 檢查安裝結果 npm 全域性模組的存放路徑以及cache的路...
Vue前端專案搭建及執行(mac系統)
1 安裝node和npm 若通過node v和npm v命令能順利檢視node和npm版本則說明安裝成功。2 安裝vue cli 3.x mac使用者採用如下命令安裝vue官方腳手架vue cli 3.x,若在命令前不加sudo,則會報錯 errno 13 windows使用者可不加 sudo np...
vue專案搭建
前提安裝好node不再贅述 可以在自帶的命令列中執行,也可以在webstome中執行 安裝cnpm npm install g cnpm registry 安裝webpack 這一步可以省略,反正你也不會用 cnpm install webpack g 全域性安裝 vuecnpm install g...