使用webpack搭建環境,全局安裝vue項目

来源:https://www.cnblogs.com/chenyingying0/archive/2020/04/05/12638851.html
-Advertisement-
Play Games

1、全局安裝vue-cli cnpm install --global vue-cli 2、創建一個基於webpack模板的新項目 vue init webpack cyymall (你可以根據實際需求來填寫,反正我一般都這麼設置) 最後一步沒有選擇 npm install,是因為國內用npm太慢了 ...


1、全局安裝vue-cli

cnpm install --global vue-cli

 

2、創建一個基於webpack模板的新項目

vue init webpack cyymall

(你可以根據實際需求來填寫,反正我一般都這麼設置)

 

 最後一步沒有選擇 npm install,是因為國內用npm太慢了,我們接下來手動用cnpm就行

 

3、安裝依賴包

cd cyymall

cnpm install

cnpm run dev

 

 

4、瀏覽器訪問:http://localhost:8080

(我開的移動端調試是下麵這個效果)

 5、npm start 和 npm run dev 效果一樣

這是在 package.json 中配置的

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在移動端使用fixed佈局存在相容性問題,因此使用absolute佈局來代替 效果演示 src/app.vue里打好框架 <template> <div id="app" class="g-container"> <div class="g-header-container"> 頭部導航 </div ...
  • 1、先準備好一個api介面 http://www.imooc.com/api/home/slider 2、安裝插件 cnpm install --save axios 3、api/slider.js import axios from 'axios'; //獲取幻燈片數據 ajax export c ...
  • 最近重新溫習的時候發現對於apply和call方法的區分以及使用時忘得差不多了,所以簡單記錄鞏固一下 基本語法 函數名.apply(Object,[參數1,參數2,...]) 函數名.call(Object,參數1,參數2,...) 共同點:都可以用來改變this的指向 不同點:兩者中第一個參數均為 ...
  • vue的swiper組件 https://www.npmjs.com/package/vue-awesome-swiper 1、安裝 swiper 和 vue-awesome-swiper 插件 cnpm install swiper vue-awesome-swiper --save (截圖裡只安 ...
  • 1、安裝插件 cnpm install --save-dev node-sass [email protected] --save-dev 表示開發時用到的插件 sass-loader版本號其實沒有限制,我這裡用的是這個版本,你可以用不同版本,部分用法可能不一樣,自己去找文檔看 安裝完成之後並不需要 ...
  • 1、安裝插件 cnpm install --save fastclick 2、在 src/main.js 中引入插件 ...
  • 1、安裝插件 cnpm install --save babel-polyfill 2、在 src/main.js 中引入插件 ...
  • 1.對數組的遍歷 兩種不同的迴圈都可以對數組進行遍歷,並且通過for迴圈遍歷得到的數據是數值類型的,而通過for in 迴圈遍歷得到的數據則是字元類型的 2.對對象的遍歷 傳統的for迴圈是不能夠遍歷對象的,而通過for in 迴圈則可以,並且通過該迴圈既可以得到屬性的名稱,也可以得到屬性的具體取值 ...
一周排行
    -Advertisement-
    Play Games
  • Dapr Outbox 是1.12中的功能。 本文只介紹Dapr Outbox 執行流程,Dapr Outbox基本用法請閱讀官方文檔 。本文中appID=order-processor,topic=orders 本文前提知識:熟悉Dapr狀態管理、Dapr發佈訂閱和Outbox 模式。 Outbo ...
  • 引言 在前幾章我們深度講解了單元測試和集成測試的基礎知識,這一章我們來講解一下代碼覆蓋率,代碼覆蓋率是單元測試運行的度量值,覆蓋率通常以百分比表示,用於衡量代碼被測試覆蓋的程度,幫助開發人員評估測試用例的質量和代碼的健壯性。常見的覆蓋率包括語句覆蓋率(Line Coverage)、分支覆蓋率(Bra ...
  • 前言 本文介紹瞭如何使用S7.NET庫實現對西門子PLC DB塊數據的讀寫,記錄了使用電腦模擬,模擬PLC,自至完成測試的詳細流程,並重點介紹了在這個過程中的易錯點,供參考。 用到的軟體: 1.Windows環境下鏈路層網路訪問的行業標準工具(WinPcap_4_1_3.exe)下載鏈接:http ...
  • 從依賴倒置原則(Dependency Inversion Principle, DIP)到控制反轉(Inversion of Control, IoC)再到依賴註入(Dependency Injection, DI)的演進過程,我們可以理解為一種逐步抽象和解耦的設計思想。這種思想在C#等面向對象的編 ...
  • 關於Python中的私有屬性和私有方法 Python對於類的成員沒有嚴格的訪問控制限制,這與其他面相對對象語言有區別。關於私有屬性和私有方法,有如下要點: 1、通常我們約定,兩個下劃線開頭的屬性是私有的(private)。其他為公共的(public); 2、類內部可以訪問私有屬性(方法); 3、類外 ...
  • C++ 訪問說明符 訪問說明符是 C++ 中控制類成員(屬性和方法)可訪問性的關鍵字。它們用於封裝類數據並保護其免受意外修改或濫用。 三種訪問說明符: public:允許從類外部的任何地方訪問成員。 private:僅允許在類內部訪問成員。 protected:允許在類內部及其派生類中訪問成員。 示 ...
  • 寫這個隨筆說一下C++的static_cast和dynamic_cast用在子類與父類的指針轉換時的一些事宜。首先,【static_cast,dynamic_cast】【父類指針,子類指針】,兩兩一組,共有4種組合:用 static_cast 父類轉子類、用 static_cast 子類轉父類、使用 ...
  • /******************************************************************************************************** * * * 設計雙向鏈表的介面 * * * * Copyright (c) 2023-2 ...
  • 相信接觸過spring做開發的小伙伴們一定使用過@ComponentScan註解 @ComponentScan("com.wangm.lifecycle") public class AppConfig { } @ComponentScan指定basePackage,將包下的類按照一定規則註冊成Be ...
  • 操作系統 :CentOS 7.6_x64 opensips版本: 2.4.9 python版本:2.7.5 python作為腳本語言,使用起來很方便,查了下opensips的文檔,支持使用python腳本寫邏輯代碼。今天整理下CentOS7環境下opensips2.4.9的python模塊筆記及使用 ...