成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

VUE項目配置——環(huán)境篇

lily_wang / 3388人閱讀

摘要:準(zhǔn)備其他編輯器新建一個項目以上軟件默認(rèn)安裝環(huán)境配置打開配置和私有秘鑰如果環(huán)境私有鍵入命令是你的賬號此時,你的這個路徑下會生成兩個文件和用記事本打開文件,復(fù)制內(nèi)容,在的網(wǎng)站上到密鑰管理頁面,添加新公鑰,隨便取個名字,內(nèi)容粘貼剛才

準(zhǔn)備

SSH

Git

Webstorm(or 其他編輯器)

npm

node.js

gitHub新建一個demo項目

以上軟件默認(rèn)安裝

vue環(huán)境配置

打開Git GUI or cmd or iterm2(macOS)

配置Git和ssh私有秘鑰(如果環(huán)境私有)

鍵入命令:ssh-keygen -t rsa -C "[email protected]","[email protected]"是你的github賬號

此時,你的C:Usersadmin.ssh這個路徑下會生成兩個文件:id_rsa和id_rsa.pub

用記事本打開id_rsa.pub文件,復(fù)制內(nèi)容,在github.com的網(wǎng)站上到ssh密鑰管理頁面(setting-->deployKey-->addDeployKey),添加新公鑰,隨便取個名字,內(nèi)容粘貼剛才復(fù)制的內(nèi)容。

進入本地項目文件夾;例如D:vueProject

Git clone ssh: demo倉庫

npm i webpack-cli -D

npm i -g vue-cli (如果npm鏈接較慢,可使用淘寶鏡像;所有npm指令最后加上“ --registry=https://registry.npm.taobao.org”,也可以自行配置cnpm(不推薦!))

新建一個vue demo項目 vue init webpack myproject

安裝vue-router

安裝ESLint 代碼規(guī)范

不安裝單元測試和e2e測試

初始化myproject完成(vue 標(biāo)準(zhǔn)模板項目)

進入myproject npm i 初始化packages

npm run dev 運行項目

用瀏覽器打開 http://localhost:8080 (可更改項目配置 config/index.js 中的 autoOpenBrowser 改為true 即run項目時自動彈出瀏覽器窗口)

項目說明

將myproject 中的所有文件復(fù)制到空項目vueDemo中

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/99838.html

相關(guān)文章

  • almost最好的Vue + Typescript系列01 環(huán)境搭建

    摘要:初來乍到,請多多關(guān)照也許這是第一套基于搭建基于的項目教程。年月初升級到了新的版本版,跟版本項目結(jié)構(gòu)發(fā)生了很大的改變,目錄結(jié)構(gòu)更簡潔更科學(xué)。并且可以選配,在此之前配置略麻煩,是的超級,靜態(tài)類型,便捷的注解,使前端代碼優(yōu)雅。 前言 hello~ 大家好。 初來乍到,請多多關(guān)照 ?(??????)??也許這是第一套基于 vue-cli 3.x 搭建基于 typescript 的vue項目教程...

    isLishude 評論0 收藏0
  • almost最好的Vue + Typescript系列02 項目結(jié)構(gòu)

    摘要:源碼文件夾,基本上我們的業(yè)務(wù)邏輯文件都應(yīng)該放在這里定義了這個項目所需要的各種模塊,以及項目的配置信息比如名稱版本許可證等元數(shù)據(jù)。 基于vue-cli 3.x,配合typescript的環(huán)境構(gòu)建的新vue項目,跟以前的結(jié)構(gòu)相比,有了一些變化,下面我們來簡單的了解一下 基本結(jié)構(gòu): showImg(https://segmentfault.com/img/bV5xGn?w=360&h=226...

    BicycleWarrior 評論0 收藏0
  • almost最好的Vue + Typescript系列02 項目結(jié)構(gòu)

    摘要:源碼文件夾,基本上我們的業(yè)務(wù)邏輯文件都應(yīng)該放在這里定義了這個項目所需要的各種模塊,以及項目的配置信息比如名稱版本許可證等元數(shù)據(jù)。 基于vue-cli 3.x,配合typescript的環(huán)境構(gòu)建的新vue項目,跟以前的結(jié)構(gòu)相比,有了一些變化,下面我們來簡單的了解一下 基本結(jié)構(gòu): showImg(https://segmentfault.com/img/bV5xGn?w=360&h=226...

    DTeam 評論0 收藏0
  • almost最好的Vue + Typescript系列02 項目結(jié)構(gòu)

    摘要:源碼文件夾,基本上我們的業(yè)務(wù)邏輯文件都應(yīng)該放在這里定義了這個項目所需要的各種模塊,以及項目的配置信息比如名稱版本許可證等元數(shù)據(jù)。 基于vue-cli 3.x,配合typescript的環(huán)境構(gòu)建的新vue項目,跟以前的結(jié)構(gòu)相比,有了一些變化,下面我們來簡單的了解一下 基本結(jié)構(gòu): showImg(https://segmentfault.com/img/bV5xGn?w=360&h=226...

    Clect 評論0 收藏0

發(fā)表評論

0條評論

lily_wang

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<