淺談Vue(Vue項目搭建)

我的心得,項目使用vue兩種方式,一種就是傳統的使用方式,使用script標籤直接引入;vue

<script src="https://unpkg.com/vue/dist/vue.js"></script>

 

另外就是搭建腳手架,使用npm安裝,安裝步驟: 
一、檢查是否安裝有nodeJS環境,沒有的安裝nodejs環境,4.0版本以上。 
(1)、傻瓜式安裝nodejs,去node官網下載,以後就是各類下一步。 
安裝vue-clinode

- npm install vue-cli -g - $ npm install --global vue-cli - $ npm install -g vue-cli

上面命令均可以安裝vue腳手架,選擇其中一條命令便可,行情問題,npm比較慢,能夠使用cnpm 
安裝基於webpack工具的vue項目webpack

vue init webpack sell //sell項目名稱

 

執行完上面的命令後,窗口出現下圖選擇項 
web

每一行對應分別是: 
1. 項目名字 
2. 項目描述 
3. 做者 
4. ES6代碼風格檢查器(須要就Y,不須要就N,建議新手N) 
5. preset預設的選項,直接回車就好 
6. 單元測試(若是基於界面測試選N) 
7. e2e tests(選擇N就好,目前沒查爲啥) 
*以上的配置會在項目的package.json配置裏*vue-cli

這樣,當前目錄就會生成一個sell的項目。npm

如今須要啓動項目,啓動以前須要安裝依賴json

npm install

 

下載完成以後,即可以啓動項目;依賴安裝結束顯示!工具

啓動項目:單元測試

npm run dev

 

項目啓動成功!學習

國情的問題,若是須要使用cnpm代替npm 的話,執行命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

web學習交流羣:362513833
相關文章
相關標籤/搜索