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