vue.js 快速搭建單頁面應用項目

快速搭建vue單頁面應用，要使用到 vue-cli是官方發佈得一個項目腳手架  裏邊包括了webpack,babel（ES6語法轉換器）等等配置

 

具體方法以下

1、安裝node.js

node自帶了npm(這裏建議用淘寶的鏡像協議cnpm速度快些)怎麼下載安裝node就不一一介紹啦

2、安裝vue-cli

cnpm install vue-cli -g (-global:全局安裝) （-D是--save-dev局部安裝的縮寫）

3、建立項目

vue init webpack 「項目名稱」

而後出現一堆一問一答的選擇

project name 項目名稱

description 描述

author 做者

Use ESLint to lint your code  eslint是一個JavaScript的校驗插件，一般用來校驗語法或代碼的書寫風格。我通常選擇關閉

等等按需選擇便可

自動下載依賴包成功則不須要第五步

4、項目目錄解析

5、下載依賴包

進入項目目錄cnpm install 下載依賴包

6、啓動項目

npm run dev 啓動項目就能夠看到頁面了

7、打包項目

npm run build 上線打包項目 大功告成

打包的項目默認放在dist文件夾裏