vue搭建前端相關命令

2022-02-24 09:36:25 字數 1105 閱讀 7073

vue搭建、新建工程並開啟瀏覽器除錯的指令:

這四行命令就是我們接下來工作了。

1.npm install –global vue-cli

我們在安裝好nodejs後就可以用到「npm」這個字首指令,並且通過node這個「倉庫」,我們以後可以通過命令列工具安裝其他很多的東西如angular-cli等。這裡的指令意思是「通過node 全域性安裝vue-cli」,安裝的時間會比較長,耐心等待下~

通過node「倉庫」安裝vue-cli工具

如上,安裝成功~

2.vue init webpack my-project

剛才我們通過node安裝了vue-cli工具,vue-cli是vue的命令列工具,通過它我們可以新建我們第乙個vue模板工程。這裡的指令意思是:vue init [模板名] [新建的模板工程資料夾名稱],「通過vue-cli新建webpack模板工程,名字為my-project」

新建工程的問題建議像如下去填:

新建vue模板工程時詢問的問題

3.cd my-project

進入到我們新建的my-project工程:可以看到命令列工具指向的當前路徑改變了:

進入到剛剛新建的工程模板目錄

4.npm run dev

執行工程,開啟瀏覽器除錯。(請不要關掉命令列工具)

5.開啟瀏覽器除錯

新建的工程模板

這就是vue的工程模板頁面了,大功告成!

前端相關總結

arr.indexof i 判斷i是否在arr陣列中。js方法 var arr new array js新建陣列。xx jquery選擇器。text 獲取或者改變指定元素的文字 jquery html 獲取或改變指定元素的html元素以及文字 jquery val 獲取或者改變指定元素的value值...

前端相關js

詳解 這是個是ie8的專用標記,用來指定ie8瀏覽器去模擬某個特定版本的ie瀏覽器的渲染方式 比如人見人煩的ie6 以此來解決部分相容問題,例如模擬ie7的具體方式如下 但令我好奇的是,此處這個標記後面竟然出現了chrome這樣的值,難道ie也可以模擬chrome了?迅速搜尋了一下,才明白原來不是微...

微前端相關問題

目前的微前端,主要使用的mountparcel實現的各個模組資源在main container的切換。同時,有乙個系統管理的模組,專門進行資源的管理配置,可以跨模組引用頁面資源,並註冊組合頁面。對於模組a的某個選單c,引用模組b的資源頁面d 模組a和模組b,部署在兩個不同的伺服器 後端的伺服器位址和...