vue+webpack構(gòu)建項目過程

luodongseu 發(fā)布于2019-08-30 15:53 / 3454人閱讀

摘要：項目中遇到的插件打包工具依賴環(huán)境搭建過程安裝去官網(wǎng)安裝下載安裝包之后直接點擊安裝即可查看版本安裝使用淘寶鏡像未使用全局安裝創(chuàng)建基于的新項目安裝依賴項，安裝完會新增文件夾安裝插件安裝安裝路由項目上線

項目中遇到的插件：vue-router vue-resource vue-vuex
打包工具：webpack
依賴環(huán)境：node.js

搭建過程

1.安裝node.js 去官網(wǎng)安裝node.js,下載安裝包之后直接點擊安裝即可(node -v查看node版本)

2.安裝webpack

npm install webpack -g

----使用淘寶鏡像（未使用）

3.全局安裝vue-cli

npm install -g vue-cli

4.創(chuàng)建基于webpack的新項目

vue init webpack my-project

5.安裝依賴項，安裝完會新增node_modules文件夾

cd my-project
npm install
npm run dev

6.安裝插件

npm install vuex --save  //安裝vuex
npm install vue-resource --save
npm install vue-router --save  //安裝路由

7.項目上線 npm run build

GPU云服務(wù)器云服務(wù)器如何構(gòu)建java項目云服務(wù)器搭建vue項目騰訊云服務(wù)器部署vue項目 vue項目放到云服務(wù)器上

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/116553.html

相關(guān)文章

vue+webpack構(gòu)建項目過程

摘要：項目中遇到的插件打包工具依賴環(huán)境搭建過程安裝去官網(wǎng)安裝下載安裝包之后直接點擊安裝即可查看版本安裝使用淘寶鏡像未使用全局安裝創(chuàng)建基于的新項目安裝依賴項，安裝完會新增文件夾安裝插件安裝安裝路由項目上線項目中遇到的插件：vue-router vue-resource vue-vuex打包工具：webpack依賴環(huán)境：node.js 搭建過程 1.安裝node.js 去官網(wǎng)安裝node.js...

Coding01 2019-08-01 16:25 評論0 收藏0
Vue-Donut——專用于構(gòu)建Vue的UI組件庫的開發(fā)框架

摘要：相信不少使用的開發(fā)者和公司都有定制一套屬于自己的組件庫的需求。針對這個問題，我搭建了一個專門用來構(gòu)建的組件庫的開發(fā)框架，以節(jié)省搭建環(huán)境的勞動力，專心于組件庫的開發(fā)。首先我們嘗試了使用的方案，就是把組件庫直接作為項目的子模塊使用。 showImg(https://segmentfault.com/img/bVNais?w=1226&h=1159); 相信不少使用Vue的開發(fā)者和公司都有定...

stormgens 2019-08-20 16:19 評論0 收藏0
從0到1搭建webpack2+vue2自定義模板詳細教程

摘要：安裝安裝完成之后，你應(yīng)該可以使用了，方式如下上述命令應(yīng)該自動在瀏覽器中打開。前言 webpack2和vue2已經(jīng)不是新鮮東西了，滿大街的文章在講解webpack和vue，但是很多內(nèi)容寫的不是很詳細，對于很多個性化配置還是需要自己過一遍文檔。Vue官方提供了多個vue-templates，基于vue-cli用官方的webpack模板居多，不過對于很多人來說，官方的webpack模板的配...

cartoon 2019-08-20 16:38 評論0 收藏0
webpack配合vue.js實現(xiàn)完整的單頁面demo

摘要：本篇文章主要是我在開發(fā)前研究了的單頁面應(yīng)用，因為需要用到的，所以確保安裝了，建議官網(wǎng)安裝最新的穩(wěn)定版本。本文章只是和大家探討怎么利用配合做一個單頁面應(yīng)用，具體關(guān)于里面的內(nèi)容怎么寫并不在本篇文章的介紹范圍。本篇文章主要是我在開發(fā)前研究了webpack+vue.js的單頁面應(yīng)用，因為需要用到node的npm，所以確保安裝了node，建議官網(wǎng)安裝最新的穩(wěn)定版本。并且在項目中需要加載一些np...

2450184176 2019-08-19 18:35 評論0 收藏0
教你如何打好根基快速入手react，vue，node

摘要：謹記，請勿犯這樣的錯誤。由于在之前的教程中，積累了堅實的基礎(chǔ)。其實，這是有緣由的其復雜度在早期的學習過程中，將會帶來災難性的影響。該如何應(yīng)對對于來說，雖然有大量的學習計劃需要采取，且有大量的東西需要學習。前言倘若你正在建造一間房子，那么為了能快點完成，你是否會跳過建造過程中的部分步驟？如在具體建設(shè)前先鋪設(shè)好部分石頭？或直接在一塊裸露的土地上先建立起墻面？又假如你是在堆砌一個結(jié)婚蛋糕...

ddongjian0000 2019-08-23 13:39 評論0 收藏0