建立第乙個vue工程

2022-03-07 17:15:32 字數 1430 閱讀 8335

第一步npm安裝

圖1雙擊安裝,在安裝介面一直next

圖2

圖3

圖4直到finish完成安裝。

開啟控制命令列程式(cmd),檢查是否正常

圖5使用**npm映象

$  npm  install  -g  cnpm  --registry=

這樣就可以使用cnpm 命令來安裝模組了:

1.第一步:安裝vue-cli

cnpm install vue-cli -g      //全域性安裝 vue-cli

圖6檢視vue-cli是否成功,不能檢查vue-cli,需要檢查vue

圖7選定路徑,新建vue專案,這裡我是在桌面上新建了sun資料夾,cd目錄路徑

下面我一專案名為sell新建vue專案

vue init webpack  」專案名稱「

圖8現在已經建立好了,那就讓專案先安裝下依賴再執行一下,會出現下面的頁面,操作指令是:

cnpm install

cnpm run dev

注意 這裡要在sell下進行安裝和執行哦!!!

圖9啦啦啦  安裝成功。

圖10利用vue-cil初始化構建vue專案,我們會獲得乙個初始化的資料夾結構,如下:

圖11下面開始進入你的vue之旅吧!!

//官網才是開始的必經之路。。。。

建立第乙個Django工程

建立第乙個django工程 django環境算是配置完成了,你可以到命令提示符下建立第乙個django應用,進入某個目錄,執行django admin.py startproject myproject來建立乙個工程 這時在myproject目錄下有乙個資料夾myproject和乙個manage.p...

建立第乙個Vue專案

1.開發工具的安裝 visual studio code,安裝對應的外掛程式,除錯用chrome瀏覽器,瀏覽器上安裝vue除錯的外掛程式,3.學習 菜鳥教程,w3school,vue官網.建立乙個vue專案步驟 一種純命令列的方式建立,另一種是ui介面的方式建立vue專案 菜鳥教程有純命令列的方式建...

建立第乙個vue專案

1,配置node環境 2,開啟cmd切換到node安裝目錄,安裝vue cli vue cli會自動按照專案結構在你本地初始化乙個專案,當然不用該工具,手動建資料夾配置js等也可以的,但是vue cli 一行命令就自動生成了多方便呢 npm install vue cli g3,切換到工作目錄,在該...