步驟一:安裝node壞境,安裝**映象
node的安裝在此就不再說明了。確定node安裝後,就可以開始vue的安裝了。
步驟二:利用vue 腳手架搭建vue專案
首先需要安裝vue腳手架
此處我們選擇 webpack作為打包工具,一般來說,語法是這樣的: vue init 模板名 專案名稱
例項:vue init webpack sell //預設為
2.0了vue init webpack#1.0 sell1.0 //則為
1.0版本
// 期間會有一些選項的設定,可參考以下安裝截圖
// 完成之後 會生成乙個以專案名稱的資料夾,如
sell
下面是我的安裝截圖如下:
安裝完成後會再檔案目錄下生成
以下專案檔案:
步驟四:安裝並執行模板
cd sell
(當然你也可以選擇
cnpm 安裝)
,完成後 目錄下 會多了乙個
node_modules
資料夾npm run dev
// 若為
2.0版本執行時,瀏覽器會自動開啟
,1.0
localhost:8080
安裝並執行成功的話,頁面會出現如下.
自搭部落格日記2
後端技術選型 nodejs路由無框架,資料庫mongodb後續會考慮隔段時間加上mysql,連線用框架mongoose,路由在本人github上目前功能還很不完善,正在準備寫前端頁面,但是會一直更新。前端技術選型 vuejs react 原因 想學。想嘗試react疲憊的感覺 目前進度 確定了前端頁...
koa2 node vue自啟服務執行本地指令碼
koa是express原班人馬打造的新一代的web服務,要在vue中執行koa 1.安裝koa cnpm i koa s 2.koa中不像expressname齊全,沒有自帶路由模組,所以需要安裝路由,cnpm i koa s 4.準備工作已經做好,現在寫個基於koa的本地服務 const koa ...
學習筆記2 bootstrap簡介以環境搭建
一 bootstrap簡介 1.bootstrap起初是由twitter兩個人開發的,2011年在github上發布開源專案。2.bootstrap的優點 1 移動裝置優先 自 bootstrap 3 起,框架包含了貫穿於整個庫的移動裝置優先的樣式。2 瀏覽器支援 所有的主流瀏覽器都支援bootst...