詳解Vue使用命令列搭建單頁面應用

2022-10-05 01:42:13 字數 1129 閱讀 8606

使用命令列搭建單頁面應用

我們來看一下最後完成的效果:

大綱1. ** node, git程式設計客棧, npm

2. 使用命令列安裝乙個專案

一、 **工具

node, git 的**大家可以去官網自行**就可以了。

下面說一說安裝 npm,npm 是在以上兩個都安裝的情況下才可以的。

國內直接 git npm 非常慢,所以我們到 taobao 的 npm 映象下面去**安裝 >

開啟安裝好的 git bash

1 . 在 git bash 輸入映象的位址:

**成功後,輸入 cnpm -v 看看是否安裝成功了

2 . 安裝好 npm 下面就好辦了,我們回到 vue 官方**看使用命令列安裝步驟: >

按照上面的步驟進行安裝:( 以上只要是 npm 的都要改成 cnpm )

1. 全域性安裝 vue-cli $ cnpm install -g vue-cli

2. 建立乙個基於 " webpack "的模板的專案 $ vue init webpack my-pro

接下來會有一系列的問題:

3. 安裝依賴 $ cd my-pro 切換到剛才建立的 my-pro 目錄下面

4. 輸入 $ cnpm install **依賴 node_module 模組 可以在目錄下面看到 node 依賴模組已經**好了。

5. 到了最後一步了:輸入 cnpm ru程式設計客棧n dev

由於我一開始建立過乙個專案,node 的 8080 埠被占用了,所以下面就報錯了,如圖:

乙個簡單粗暴的方法就是關閉當前的 node 程序:

最最最最最最最最最最最最最最最最最最最最最最最最最最最後一步:

下面我們開啟 http://localhost:8080 看看吧。終於成wafqdcyqv功了!!!

ps: 記錄一些命令

1. $ cnpm install --global程式設計客棧 vue-cli

2. 程式設計客棧$ vue init webpack-****** demo

3. $ cd demo/

4. $ cnpm install

5. $ npm run dev

本文標題: 詳解vue使用命令列搭建單頁面應用

本文位址:

mysql使用命令列工具 MySQL命令列工具

shell mysql user user name password your password db name shell mysql help shell mysql 選項 protocol mysql 命令 有些命令mysql可以自己解釋。要檢視這些命令,在mysql 提示下輸入help或 ...

搭建vue開發環境(命令列工具)

一 專案結構相對複雜 npm install global vue cli vue init webpack my vue 注意 直接回車就好 eslink 語法檢查 需要注意 建議選no。cd my vue npm install 如果安裝時沒報錯可以省略 npm run dev 二 專案結構相對...

WIN XP 命令列常用命令詳解

assoc 顯示或修改副檔名關聯。at 計畫在計算機上執行的命令和程式。attrib 顯示或更改檔案屬性 設定檔案屬性 r 設定唯讀屬性。r 清除唯讀屬性。a a設定 清除 存檔檔案屬性。s s設定系統屬性。h h設定隱藏屬性。break 設定或清除擴充套件式 ctrl c 檢查。cacls 顯示或...