前端近幾年來飛速發展,各種技術框架層出不窮,架構模式也從主流MVC慢慢轉向MVVM。使用AngularJS、React和Vue.js等框架進行前端開發已經成爲趨勢。因此我也開始了vue.js的修煉之路(之所以選擇vue.js是因其入門門檻低)。
一、安裝
爲了讓我們創建Vue項目更加容易,我們使用vue.js的腳手架工具Vue-cli。這裏採用npm進行安裝
1.首先安裝node.js,現行版本的node.js自帶npm。
下載鏈接:https://nodejs.org/zh-cn/
爲了避免npm下載文件過慢,推薦使用淘寶鏡像,打開命令行輸入以下命令
npm install cnpm -g --registry=https://registry.npm.taobao.org
2.安裝Vue-cli
cnpm install --global vue-cli
二、創建第一個項目
1.打開命令行輸入以下命令,採用webpack進行項目構建,創建過程會要求你的項目起名之類,基本直接回車確認就可以
vue init webpack demo
2.創建完成後,項目默認在你C盤用戶文件夾下,輸入以下命令進入到項目根目錄下
cd C:\Users\gzc\demo
3.輸入以下命令,下載項目所需所有依賴。
npm install
npm install :安裝所有的模塊,如果是安裝具體的哪個個模塊,在install 後面輸入模塊的名字即可。而只輸入install就會按照項目的根目錄下的package.json文件中依賴的模塊安裝
4.輸入以下命令運行程序
npm run dev
打開瀏覽器輸入http://localhost:8080/,如果能彈出頁面,說明項目已經創建完成