一、前提:
安裝node(使用它的包管理工具npm);
全域性安裝cnpm(npm比較慢,但也可以省略該步驟);
全域性安裝vue腳手架工具vue-cli(命令:npm install -g vue-cli )
二、新建專案:
1. 在指點目錄下使用命令:vue init webpack 專案名稱
2. cd 進入專案資料夾,使用命令:cnpm install 安裝依賴檔案
3. 執行命令:cnpm run dev 即可執行專案(預設埠為8080)
三、整合常用庫
1. vue中整合element-ui
import elementui from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import '@/styles/reset.css' //重置樣式
import '@/styles/reelement.css' //重置element樣式
import '@/styles/common.css' //共用樣式
vue.use(elementui)
2. vue 中整合sass
3. vue中整合jquery
新增**:
全域性引入:在main.js裡引入:import 'jquery' ===>>> 這樣可以全域性使用,也可以在要使用的頁面中單獨引入
引入之後便可使用$;元件中測試可使用:console.log($('選擇器'))
以上是我在配置環境時整合第三方庫的過程。
新建vue專案
1.前期準備工作 1.2 安裝 映象 npm install g cnpm registry 2.專案初始化 2.1 安裝vue cli cnpm install vue cli g,使用 vue list 檢視vue cli是否成功 2.2 選定乙個目錄新建vue專案,vue init webpa...
新建Vue專案
1 安裝vue命令列工具,webpack和git,使用 映象cnpm。參考 2 開啟命令列,進入到要存放的目錄,windows使用者可以使用shift 滑鼠右鍵,在想要存放的目錄下開啟命令列。然後輸入 vue init webpack project name 進入vue新建專案。通過提示資訊我們可...
使用vue cli新建vue專案
安裝vue cli vue cli是乙個npm的安裝包,使用 g指令將它安裝到node.js的全域性執行目錄下 npm i vue cli g 安裝成功後就可以使用vue cli來初始化vue專案。使用vue cli初始化專案 初始化專案時使用init命令,它會為我們自動建立新資料夾,並將需要的檔案...