建立iview vue專案

2021-10-03 12:39:24 字數 1580 閱讀 8015

最近專案中要公升級框架,前端要使用iview+vue框架做前後端分離,所以沒辦法,又要學習前端的東西,下面簡單介紹下如何快速建立乙個簡單前端專案架子;∗n

ode−

v∗∗,

**node -v**,

∗∗node

−v∗∗

,npm -v檢視(node、npm)安裝是否成功;如果安裝成功會顯示node和npm的版本號,如下圖所示安裝成功:

vue-cli是vue的腳手架工具,就像建築工人在高處作業時一般都要搭乙個腳手架,方便工作,在這裡vue-cli為我們生成了目錄結構,安裝vue-cli腳手架構建工具,輸入命令 $npm install -g vue-cli,或者$cnpm install vue-cli -g安裝完成即可,檢視vue-cli是否成功,使用$vue -v檢視vue版本和使用$vue list, 成功如下:

選定路徑,新建vue專案,這裡我在桌面新建了test資料夾,下面我們新建demo專案,

使用命令$vue init webpack」專案名稱「,如下

說明:vue build ==> 打包方式,回車即可;

install vue-router ==> 是否要安裝 vue-router,專案中肯定要使用到 所以y 回車;

use eslint to lint your code ==> 是否需要 js 語法檢測 目前我們不需要 所以 n 回車;

set up unit tests ==> 是否安裝 單元測試工具 目前我們不需要 所以 n 回車;

setup e2e tests with nightwatch ==> 是否需要 端到端測試工具 目前我們不需要 所以 n 回車

現在專案已經建立好了,其有如下目錄(利用vue-cil初始化構建vue專案,我們會獲得乙個初始化的資料夾結構):

然後讓專案安裝下依賴再執行一下,操作指令:

安裝依賴:$cnpm install---->安裝完後專案中會出現node_modules資料夾

執行:$cnpm run dev

注意 這裡要在demo下進行安裝和執行!!! 操作如下

啟動成功輸入url:http://localhost:8080

這樣乙個環境和乙個最最簡單的專案就建立完成了!!!!

django專案(建立專案)

django admin startproject django demo 在專案中的settings.py中註冊應用 django.contrib.admin django.contrib.auth django.contrib.contenttypes django.contrib.sessio...

Django 建立專案

c python27 scripts python django admin.py startproject sit c python27 scripts dir 驅動器 d 中的卷是 程式 卷的序列號是 6e32 1e04 c python27 scripts 的目錄 2011 04 13 11 ...

nodejs建立專案

首先,要安裝express和ejs或jade模組。npm install g express npm install g ejs 其次,安裝mysql,stylus,jquery等模組。在開發室,npm應安裝到指定專案資料夾中。這時不要加 g。在指定目錄下安裝,便會安裝到該目錄下。express命令...