前端Vue專案搭建過程概述

2021-10-25 09:52:30 字數 1073 閱讀 8435

輸入node -vnpm -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選擇配置,建議選取babelpwaroutervuexcss 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...