Vue.js開發環境搭建的介紹

包含了最基礎的Vue.js的框架,包含了打包工具和測試工具,開發調試的最基本的服務器,不需要關注細節,只需關注Vuejs對項目的實現


5640239-7591e503272c8a47.png

npm在國內的網絡使用較慢,所以推薦下載安裝淘寶的鏡像

5640239-ddd27b002cf164b9.png

1:


5640239-d0a060f99504fb7d.png

2:安裝cnpm -v


5640239-87532cbf72ac66d6.png

vue沒有被找到
3:


5640239-9733f64e8895c3b5.png

4:再次輸入Vue的時候,我們會看到


5640239-817acc1cdffbf385.png

接下來如何使用命令行工具?看官網

5640239-353f213f3c9ea799.png

1: 我們在當前目錄下生成一個

5640239-b2ba4c87884e6260.png

以下信息可選填

5640239-472c3d50aa8a963b.png

2:項目初始化完成,我們發現目錄下多了一項文件夾,大概長這個樣子

5640239-e720a7c8384ed832.png
5640239-bac555c0be8bae16.png

不能直接看項目,項目不是獨立存在 ,跟其他的庫是有千絲萬縷的聯系的,所以要下載依賴包,可以直接在根目錄下查看和安裝,我們看一下

5640239-e159f1a1fe1b4f5c.png

查看到信息和這套模板里面帶的一些依賴


5640239-919095fd8496640f.png

這不是重要的,重要的是,cnpm install 這個命令,把所有的依賴都安裝到當前的目錄下

5640239-46ac26c425d68afa.png

接下來使用命令行啟動服務器 npm run dev


5640239-2dbc0ed5f89bd577.png

監聽的端口是8080

5640239-f47dcf4dd4960402.png

搭建成功,在src文件夾底下進行剩下的開發

轉載于:https://www.cnblogs.com/wangting888/p/9702029.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/370812.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/370812.shtml
英文地址,請注明出處:http://en.pswp.cn/news/370812.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

html文件轉換html格式,pdf文件怎么轉換成html格式

PDF文件怎么轉換成html格式呢?html格式其實就是網頁格式,PDF文件和網頁文件一般情況下是兩種完全不搭邊的格式,但是不可否定的是辦公室的多樣化總有人會有這樣的需求,只要有需求就會有其相應的解決方案。我們可以利用PDF轉Word一樣…

Eclipse中的Github Gists

我想描述有關在Eclipse中集成GitHub Gists的簡單步驟。 有幾個來源促使我這樣做: Eclipse的GitHub Mylyn連接器 EGit / GitHub /用戶指南 http://eclipse.github.com 我一直在使用Eclipse Java EE發行版,其中已經安裝了Mylyn插件: 1.通…

CSS3景深-perspective

3D視圖正方體&#xff1a; 1 <!DOCTYPE html>2 <html lang"en">3 <head>4 <meta charset"UTF-8">5 <title>CSS3景深-perspective</title>6 </head>7 <style>8 #div1{9 position: rel…

python pool_派松水潭(Python Pool)

派松水潭(Python Pool)旅游景點類型&#xff1a;名勝Roebourne Winternoom Road , Roebourne , Western Australia , 6718Email:roetourbigpond.net.auWebsite:www.pilbaracoast.com派松水潭(Python Pool)坐落于羅伯恩(Roebourne)以南風景如畫的米爾斯特姆-奇切斯特國家公園內。…

【BZOJ4262】Sum 單調棧+線段樹

【BZOJ4262】Sum Description Input 第一行一個數 t&#xff0c;表示詢問組數。第一行一個數 t&#xff0c;表示詢問組數。接下來 t 行&#xff0c;每行四個數 l_1, r_1, l_2, r_2。Output 一共 t 行&#xff0c;每行一個數 Sum。Sample Input 4 1 3 5 7 2 4 6 8 1 1 9 9 9 9 1…

父類一實現serializable_我的java基礎學習易錯點和易忘點總結(一)

一.繼承A:子類只能繼承父類所有非私有的成員(成員方法和成員變量)B:子類不能繼承父類的構造方法&#xff0c;但是可以通過super關鍵字去訪問父類構造方法。二.繼承中構造方法的關系A:子類中所有的構造方法默認都會訪問父類中空參數的構造方法B:為什么呢?因為子類會繼承父類中的…

Avocado 安裝和簡單測試

1.Avocado 安裝 1.1 通過包安裝 像Fedora可以通過rpm包進行安裝&#xff0c;其他通過RPM管理的發行版需要自己制作相關包。Avocado同樣支持DEP包的安裝可以在contrib/packages/debian找到。 Fedora 首先通過下面的命令獲取倉庫配置文件。 sudo curl https://repos-avocadoproje…

html文檔主體的根標簽,2 HTML簡介標簽嵌套和并列關系文檔聲明

HTML&#xff1a;Hyper Text Markup Language 超文本標簽語言(hyper&#xff1a;精力旺盛的 markup:標記 n noun)HTML不是編程語言&#xff0c;而是一種標記語言(就是一套標記標簽)&#xff0c;用于描述網頁&#xff0c;是網頁制作必備的。超文本是指頁面內可以包含圖片、鏈接…

深入克隆

在繼續克隆概念之前&#xff0c;讓我們用對象創建概念刷新基礎知識。 使用new運算符創建對象時&#xff0c;對象將在堆中獲取內存分配。 堆中的對象創建 在Java中&#xff0c;理想情況下僅通過引用變量修改對象&#xff0c;即僅復制對象的內存地址&#xff0c;因此原始對象中…

c# 口口亂碼_c# 亂碼解決方法

1 設置web.configrequestEncoding"utf-8"responseEncoding"utf-8"fileEncoding"utf-8"/>如果相應使用gb2312 &#xff0c;則html頁面也要設置相同&#xff0c;解決亂碼。如果為 utf-8 &#xff0c;則相應的html文件的屬性要轉換成utf-8保存&a…

《你的燈亮著嗎?》個人總結

我要如何去解決問題 搞清楚問題是什么 問題就是我們的體驗和期待的所產生的差異 * 問題的本質 * 問題的定義 * 問題的產生 * 問題的表述誰需要解決問題要多維的看待問題問題來自哪里問題的解決方法在特定的層面上去解決問題問題的解決是要交給能解決問題的人--誰能解決問題別輕…

html文檔的文件頭的主要作用是什么,文件頭

本詞條缺少概述圖&#xff0c;補充相關內容使詞條更完整&#xff0c;還能快速升級&#xff0c;趕緊來編輯吧&#xff01;文件頭是位于文件開頭的一段承擔一定任務的數據&#xff0c;一般都在開頭的部分。中文名文件頭位 置位于文件開頭任 務承擔一定任務的數據類 別文…

索引和未索引執行計劃的比較_詳解Oracle復合索引+實例說明

復合索引復合索引顧名思義&#xff0c;區別于單列索引&#xff0c;是由兩個或多個列一起構成的索引。其在B樹上的數據結構是什么樣&#xff1f;如下圖&#xff0c;是一個包含兩列的復合索引。如果你觀察仔細&#xff0c;還會發現它的葉子節點是ASC遞增排序的。現根據第一個值排…

Datables使用總結

本文共四部分&#xff1a;官網 | 基本使用|遇到的問題|屬性表 一&#xff1a;官方網站&#xff1a;[http://www.datatables.net/] 二&#xff1a;基本使用&#xff1a;[http://www.guoxk.com/node/jquery-datatables] 1、DataTables的默認配置 $(document).ready(function() { …

python面向窗體的開發_Python高級進階#019 pyqt5菜單menu應用,新建多窗體

知識回顧&#xff1a;1.掌握的是QCalendarWidget日歷控件2.click點擊事件(信號)觸發3.掌握日期的格式化QDate本節知識視頻教程以下開始文字講解&#xff1a;一、案例&#xff1a;菜單1.新建第一個窗體2.一級菜單的配置3.二級菜單的配置4.利用菜單功能實現界面跳轉&#xff0c;實…

用方面清理代碼

在我以前的文章中&#xff0c;我描述了字母轉換&#xff0c;并且提到了我們使用AspectJ解決了該任務&#xff0c;但是我沒有提及AspectJ的工作原理以及一般性的方面。 因此&#xff0c;在接下來的幾行中&#xff0c;我將解釋&#xff1a; 什么是面向方面的編程&#xff0c;為什…

java前三章總結

Java前三章總結 第一章&#xff1a;1.Java都有什么東西&#xff1f; Jdk&#xff08;java開發工具包&#xff09;包括 Jre&#xff08;Java運行環境&#xff09;---------->jvm&#xff08;Java虛擬機&#xff09; 應用&#xff08;javac&#xff09; Java API和一些常用的j…

原型 - 實現自己的jQuery

每個第一次使用jq的開發者都感到驚嘆,jq的$太神奇了,究竟是怎么做到的使用$控制dom 贊嘆前人之余,探究其本源才是前端開發者應該做的事,社區常常說,不要重復造輪子, 可是啊,連輪子都造不出來,又怎么去了解在什么環境下用什么輪子,怎么樣才可以造成更加優秀的輪子, 不同階段對…

html 用svg縮放拉伸,html – 拉伸SVG以適應其父級的100%高度和寬度

如果您對另一種選擇開放,您可以使用純CSS創建形狀.它不會像SVG那樣整潔,但它會響應&#xff1a;* {box-sizing:border-box;}.box {margin:40px;padding:0 10px;max-width:200px;display:inline-block;vertical-align:top;border-right:2px solid green;border-left:2px solid g…

server.transfer 無法跳轉頁面_H5 騰訊地圖無法導航

uni-app 打包H5騰訊地圖無法導航前言&#xff1a;最近幾天用uni-app開發安卓和iOS應用&#xff0c;打包成APP安裝包后&#xff0c;APP內做地圖導航沒有問題&#xff0c;APP內使用的是高德地圖&#xff1b;但是打包成為H5頁面后&#xff0c;運行在微信內置瀏覽器或者運行在第三方…