vue 乙個前端專案的完整環境搭建

2021-10-01 03:55:43 字數 678 閱讀 2651

前提:已安裝好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的路...