国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

vue.js的手腳架vue-cli項目搭建的步驟

來源:懂視網 責編:小采 時間:2020-11-27 22:31:27
文檔

vue.js的手腳架vue-cli項目搭建的步驟

vue.js的手腳架vue-cli項目搭建的步驟:手腳架是什么? 眾所周知,現在的前端項目發展得越漸越大,我們前端程序員要從0開始去搭建一套完整的項目很費時,所以這時候前端工程的手腳架就出現了。 我用得vue-cli也是其中之一,還有其他的我也說不清,我就說一下我接觸比較多的這款vue-cli, 但是所
推薦度:
導讀vue.js的手腳架vue-cli項目搭建的步驟:手腳架是什么? 眾所周知,現在的前端項目發展得越漸越大,我們前端程序員要從0開始去搭建一套完整的項目很費時,所以這時候前端工程的手腳架就出現了。 我用得vue-cli也是其中之一,還有其他的我也說不清,我就說一下我接觸比較多的這款vue-cli, 但是所

手腳架是什么?

眾所周知,現在的前端項目發展得越漸越大,我們前端程序員要從0開始去搭建一套完整的項目很費時,所以這時候前端工程的手腳架就出現了。

我用得vue-cli也是其中之一,還有其他的我也說不清,我就說一下我接觸比較多的這款vue-cli,

但是所有手腳架的核心:都是為了能夠快速搭建一個完整的項目的結構,開發者只需要在生成的項目結構的基礎上進行開發即可,非常簡單高效。

然后, vue-cli 的腳手架項目模板有browserify 和 webpack ,vue-lic這個手腳架是把預定義的模板(存放在不同的服務器上)復制到本地作為項目初始結構, 官網給出了兩個模板: webpack-simple 和 webpack 兩種。

兩種的區別在于webpack-simple 沒有包括Eslint 檢查功能等等功能,普通項目基本用webpack-simple 就足夠了。

我用的是wbpack這個。

關于自己是否能搭建一套手腳架,這個是肯定的,只有自己寫好模板,放在github上就OK了。在以后的項目搭建就可以使用自己搭建的手腳架了。

vue-cli的使用

在這里,由于我使用的代碼編輯器是vs code,所以我就按著vs code的界面來展示;

下面講到其他命令在其他的帶有終端的代碼編輯器也可以使用

第一步:安裝vue-cli

npm install -g vue-cli

安裝完成后,可以通過命令

vue list 查看有哪些模板可以調用;

第二步:搭建項目目錄

命令格式:vue init <template-name> <project-name>

<template-name>:指上方的眾多模板;

<project-name>: 指自己項目的名稱;

例如:我使用的是webpack這個模板:  vue init webpack vuetest

第三步:安裝依賴

進入新建立的文件夾里面:

命令格式:cd vuetest

在文件夾里面去安裝依賴

命令格式:npm install

注意:

不用使用cnpm 淘寶這包管理器來安裝依賴,這樣會缺失比較多的東西;

雖然用npm去下載依賴很慢,畢竟連的是國外的鏈接;

下面是以來所在的地方:

第四步:直接運行

命令格式:npm run dev

直接在終端里面輸入這段命令就OK了;

默認是本地的8080端口:

到這里已經OK了!

使用webpage模板搭建的vue項目目錄就OK了;

注意:

在運行 npm run  dev 中可以使用  cnpm run dev 來代替。

其中

安裝cnpm

命令 npm install -g cnpm --registry=https://registry.npm.taobao.org

其他用法和npm差不過。

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

vue.js的手腳架vue-cli項目搭建的步驟

vue.js的手腳架vue-cli項目搭建的步驟:手腳架是什么? 眾所周知,現在的前端項目發展得越漸越大,我們前端程序員要從0開始去搭建一套完整的項目很費時,所以這時候前端工程的手腳架就出現了。 我用得vue-cli也是其中之一,還有其他的我也說不清,我就說一下我接觸比較多的這款vue-cli, 但是所
推薦度:
標簽: 步驟 VUE 項目
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 欧美日韩国产一区二区 | 日韩有码电影 | 日本另类αv欧美另类aⅴ | 免费高清欧美大片在线观看 | 精品久久久久中文字幕日本 | 色翁荡息又大又硬又粗又爽 | 国产精品视频大全 | 一久久| 久久久国产一区二区三区 | 国产精品网站在线观看 | 国产在线高清视频 | 免费国产叼嘿视频大全网站 | 国产成人精品免费视频大全可播放的 | 亚洲欧美在线观看视频 | 香蕉视频啪啪 | 国产精品高清在线观看 | 欧美影欧美影院免费观看视频 | 中文字幕一区二区三区久久网站 | 亚洲激情另类 | 欧洲综合网 | 久久久国产99久久国产久 | 国产免费小视频在线观看 | 久久久久久久99久久久毒国产 | 欧美日本免费一区二区三区 | 国产不卡视频在线 | 国产精品成久久久久三级 | 欧美成人精品在线 | 美女牲交视频一级毛片 | 欧美无极品| 亚洲第一区视频 | a黄网站| 亚洲国产精品视频 | 精品视频在线观看一区二区三区 | 不卡一级aaa全黄毛片 | 国产视频高清在线观看 | 欧美高清第一页 | 亚洲一区二区在线成人 | 日韩午夜电影 | 日本一区二区三区免费看 | 日本色图在线观看 | 国产va在线播放 |