摘要:安裝腳手架這樣我們就可以全局試用這個(gè)命令我們輸入可以看到許多基于的項(xiàng)目模板這里列出了我們可以用到的模板初始化一個(gè)模板于是生成了一個(gè)項(xiàng)目。試下重新安裝接著如果沒(méi)什么其他問(wèn)題的話,再最后再附上項(xiàng)目目錄結(jié)構(gòu)目錄結(jié)構(gòu)命令列表
安裝vue腳手架
npm install -g vue-cli
這樣我們就可以全局試用 vue 這個(gè)命令 我們輸入 vue list 可以看到許多基于vue 的項(xiàng)目模板
這里列出了 我們可以用到的模板
vue init webpack projectname
于是生成了一個(gè) webpack + vue 項(xiàng)目。
安裝依賴cd projectname npm install
這里的 npm install 是把package.json需要的依賴 安裝到 node_modules里
跑起來(lái)npm run dev問(wèn)題 端口占用
如果出現(xiàn)端口占用的情況,在項(xiàng)目配置文件 config/index.js里更改
那大概是因?yàn)槟鉽ue版本太低
vue -V
查看vue腳手架 版本。
試下重新 安裝
npm install -g vue-cli
接著如果沒(méi)什么其他問(wèn)題的話,再
vue init webpack projectname
最后再附上vue+webpack 項(xiàng)目 目錄結(jié)構(gòu)
目錄結(jié)構(gòu) 命令列表文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/93773.html
摘要:一個(gè)持續(xù)可發(fā)展,不斷加入新功能,方便后期維護(hù)的目錄結(jié)構(gòu)究竟是長(zhǎng)什么樣子的接下來(lái)閏土大叔帶你們一起手摸手學(xué)起來(lái)。 如何從零開(kāi)始一個(gè)vue+webpack前端工程工作流的搭建,首先我們先從項(xiàng)目的目錄結(jié)構(gòu)入手。一個(gè)持續(xù)可發(fā)展,不斷加入新功能,方便后期維護(hù)的目錄結(jié)構(gòu)究竟是長(zhǎng)什么樣子的?接下來(lái)閏土大叔帶你們一起手摸手學(xué)起來(lái)。 初級(jí)前端初始化目錄篇 項(xiàng)目伊始,我們肯定是先在terminal終端命令...
摘要:一介紹是官方提供的腳手架,用來(lái)快速建立項(xiàng)目。標(biāo)識(shí)項(xiàng)目名稱,這個(gè)你可以根據(jù)自己的項(xiàng)目來(lái)起名字。初始化完成之后,進(jìn)入安裝目錄,必須先安裝項(xiàng)目依賴,否則無(wú)法運(yùn)行。源文件需要注意的是是入口文件,下的是路由文件,文件是組件文件。 一.介紹 vue-cli是官方提供的腳手架,用來(lái)快速建立項(xiàng)目。 二.安裝 npm install vue-cli -g//全局安裝 三.初始化項(xiàng)目 vue init ...
摘要:基礎(chǔ)與項(xiàng)目構(gòu)建入門最近兩年,同學(xué)們出去討論前端的框架,相信大家對(duì)也并不陌生,并稱前端三大框架各有各的特色,在這里說(shuō)一下,我們非常有必要學(xué)習(xí)這些東西,不管是求職面試,還是公司需要什么是讀音,類似于是一套構(gòu)建用戶界面的漸進(jìn)式框架。 vue基礎(chǔ)與項(xiàng)目構(gòu)建入門 最近兩年,同學(xué)們出去討論前端的框架,相信大家對(duì)vue也并不陌生,vue、angular、React并稱前端三大框架!各有各的特色,在這...
摘要:前言想想也已經(jīng)做過(guò)不少架構(gòu)的項(xiàng)目了,有基于,基于,基于,基于的。好了,介紹完畢,接下來(lái),我就從零開(kāi)始,一步一步建起前后端完全分離的前端架構(gòu)了。 前言 想想也已經(jīng)做過(guò)不少架構(gòu)的項(xiàng)目了,有基于vue,基于react,基于thinkPHP,基于laravel的。 做多了,也就對(duì)現(xiàn)有的架構(gòu)有各種想法,有好的,有壞的,總之,用起來(lái)還是不爽。vue-cli雖然可以很快地構(gòu)建并使用,尤其是vue-c...
摘要:一步一步創(chuàng)建項(xiàng)目已經(jīng)發(fā)正式版本了,來(lái)研究一下吧新建一個(gè)文件夾。文件內(nèi)容本身是一個(gè)字符串,不僅僅是一個(gè)對(duì)象。代碼如下下一步開(kāi)始創(chuàng)建文件。 一步一步創(chuàng)建vue2.0項(xiàng)目 vue2.0已經(jīng)發(fā)正式版本了,來(lái)研究一下吧 新建一個(gè)文件夾 vue2.0-learn 。_前提是默認(rèn)已經(jīng)安裝了nodejs和npm_ npm init 按照步驟初始化package.json,這個(gè)文件提供了這個(gè)項(xiàng)目需要...
閱讀 2181·2021-11-19 09:55
閱讀 2637·2021-11-11 16:55
閱讀 3175·2021-09-28 09:36
閱讀 1945·2021-09-22 16:05
閱讀 3272·2019-08-30 15:53
閱讀 1806·2019-08-30 15:44
閱讀 2899·2019-08-29 13:10
閱讀 1339·2019-08-29 12:30