vue入門(一)安裝及創建第一個項目

前端近幾年來飛速發展,各種技術框架層出不窮,架構模式也從主流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/,如果能彈出頁面,說明項目已經創建完成

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章