前提:已安裝好node.js和vue-cli
1、搭建專案【vue init webpack 專案名稱】
2、安裝依賴(把用到的先安裝上)
3.在src->assets新建less資料夾,其下新建公共樣式檔案base.less,以下僅供參考
html *
body,
html
a ul ol li
s,i,
em img
form,
fieldset,
legend,
input
.clearfix:before,
.clearfix:after
/*隱藏*/
.hide
/*版心*/
.w .fl
.fr
.tl
.tc
.tr
4.在src檔案下的main.js中引入以上安裝的工具、公共樣式
至此,乙個可用的環境搭建好~
自己來搭乙個vue專案
準備npm node cli 檢查方式 npm v node v vue version shift 滑鼠右鍵 開啟 powershell 如果沒許可權 管理員身份開啟powershell set executionpolicy remotesigned 選擇yvue create 專案名 空格選中...
搭建乙個vue專案的流程
1.檢測vue 的版本12 3vue v v大寫 or vue version 2.安裝 vue cli 1npminstall g vue cli ps vue cli2的安裝方法 npminstall g vue cli 安裝全域性橋外掛程式,能相容使用vue cli2 1npminstall ...
搭建乙個Vue前端專案
一 安裝環境 2.檢查是否安裝成功 如果輸出版本號,說明我們安裝node環境成功 3.輸入 npm v 測試是否已經成功安裝 npm,出現版本號就表示成功安裝 另外 可以安裝cnpm npm install g cnpm registry 檢查安裝結果 npm 全域性模組的存放路徑以及cache的路...