基本環境安裝
2、測試npm版本:命令列-------npm -v;
3、安裝**映象:
在命令列裡輸入**:npm install -g cnpm --registry=
測試**映象是否安裝成功:命令列-------cnpm -v
4、安裝vue:
npm install vue
測試(注意,這裡最後乙個是大寫v):vue -v
5、安裝vue-cli腳手架:
npm install vue-cli -g
6、安裝webpack:
npm install webpack -g
7、安裝less(現在的專案都用less或者sass啦,別犯懶,安裝吧~~)
npm install -g less
專案搭建
1、使用命令vue init webpack vue-demo
搭建vue專案, 「vue-demo」 是專案名稱。
2、初始化完成後,cd vue-demo,啟動專案: npm run dev
可以修改埠號:config>index.js
Vue2 0基礎 vue cli搭建專案
webpack是乙個module bundler 模組打包工具 其可以相容各種js書寫規範,且可以處理模組間的依賴關係,具有更強大的js模組化的功能。webpack對它們進行統一的管理以及打包發布,其官方主頁用下面這張圖來說明webbpack的作用。在講課的時候講解過webpack,並且從零開始使用...
搭建Vue2 0開發環境
1 必須要安裝nodejs 2 搭建vue的開發環境 安裝vue的腳手架工具 官方命令列工具 npm install global vue cli cnpm install global vue cli 此命令只需要執行一次 3 建立專案 必須cd到對應的乙個專案裡面 vue init webpac...
vue 2 0 的專案配置
vue 2.0 的專案配置 1 vue腳手架指的是vue cli,它是乙個專門為單頁面應用快速搭建繁雜的腳手架,它可以輕鬆的建立新的應用程式而且可用於自動生成vue和webpack的專案模板 2 搭建步驟 全域性安裝 cnpm install vue cli g vue v 檢測版本 例項化乙個專案...