前端項目架構(Node.js + Webpack + vue.js)

項目前端主要是基於Node.js + Webpack + vue.js搭建的腳手架Vue-Cli上進行開發的單頁面應用。

Node.js:簡單的說 Node.js 就是運行在服務端的 JavaScript,是一個基於Chrome JavaScript 運行時建立的一個平臺。

Webpack:打包工具,模塊打包器。

Vue.js:是一套構建用戶界面的漸進式框架,MVVM框架,注重視圖層的操作。

腳手架搭建步驟:

1. 安裝Node.js(百度Node.js官網下載雙擊安裝,建議安裝穩定版)。

2. 安裝淘寶鏡像npm i cnpm -g(因為npm是直接從國外倉庫拉去代碼,很慢且容易造成包丟失)

3. 命令行輸入:cnpm i vue-cli –g (將vue-cli模板下載到本地)

4. 命令行輸入:cd name(項目文件夾)

5. 命令行輸入:vue init webpack name(項目文件夾)(安裝已配置好的webpack模板文件)

6. 命令行輸入:cnpm install (從遠程倉庫拉取所需包文件)

7. 運行項目:npm run dev


分享到:


相關文章: