1. 程式人生 > >Re:從零開始的實習生活02----webstorm匯入node工程

Re:從零開始的實習生活02----webstorm匯入node工程

       小編今天又遇坑啦!本來今天糕糕星星滴上班的,但是今天的小編忘記帶了自己的膝上型電腦了,我的畢業設計還在自己的膝上型電腦上,公司的電腦上還沒有,內心很是鬱悶。不過還好,之前還傳了程式碼到自己的github上,只要拷貝下來就可以用了,後來就遇到了坑了,如何在webstorm上匯入node工程,然後自己百度一下,木有找到相關資料。哎,求人不如求己,還是自己摸索一下吧!後面小編終於給弄懂了,下面給跟我一樣的新手小夥們分享一下如何在webstorm匯入node工程。

第一步:將程式碼拷貝到自己的電腦上,小編自己是從自己的github上拷貝的(關於git的使用,以後有時間的話,我會出一篇快速上手git教程,希望可以幫助到那些新手前端),然後開啟這個專案,出現如下圖的樣子。

第二步:安裝依賴,開啟Terminal輸入npm install即可。注:如果你的工程裡面有依賴包(即node-module資料夾裡面的檔案)的話,可以跳過這一步。


      第三步:此時的工程是不能跑的,我們需要配置Configuration。

      


     這樣我們就可以執行專案了,如果丟擲錯誤告訴你少了一些模組,自己檢視一下package.json是不是哪裡寫錯了,修改一下或者自己手動安裝一下即可。不過呢,等我們執行完之後發現我們Console裡面會少點什麼?我們期望的是這樣子的......


而現在卻是這樣子的......

有些強迫症的童鞋可能就無法接受了。那我們就修改一下吧。

      第一步:首先我們需要設定一下環境變數。


第二步:檢查你的入口檔案(注:一般來說是bin檔案下www)中即圖中紅色劃線處,專案名是否寫錯了,錯的話,記得修改回來。


再執行一下,就可以看到了。

       我們的教程到這裡就結束了,如果小夥伴們有什麼想看的教程,歡迎留言告知,最後祝大家早日成為前端大神!

相關推薦

Re:開始實習生活02----webstorm匯入node工程

       小編今天又遇坑啦!本來今天糕糕星星滴上班的,但是今天的小編忘記帶了自己的膝上型電腦了,我的畢業設計還在自己的膝上型電腦上,公司的電腦上還沒有,內心很是鬱悶。不過還好,之前還傳了程式碼到自

開始のcocos2dx生活(十)ScrollView

目錄 簡介 基礎變數 ScrollViewDelegate Direction _dragging _container _touchMoved

開始學Java之 編寫簡單的工程

筆者本人從最初開始接觸C語言、C++、VC++、彙編到後來接觸PHP以及Java,在這些語言的使用過程中深刻感受到這些語言都是相同的編寫思路,程式碼編寫的方式也是大同小異,目前認為Java語言的亮點是package以及反射機制。 package不僅提供

Re:開始實習生活04----盤點window物件中location和history

最近開始移動端頁面的時候,被window.location和window.history坑了一把,於是決定對這兩個物件進行一個全面的剖析。下面進行我們的正文… location 首先介紹的是location物件,location是BOM物件中最常用的

Re:開始實習生活----序篇

       首先宣告一下,我是一名大四的實習生,現在就職於杭州一騎輕塵資訊科技公司。9月18日入職,距今也有一個多月了,自己在這一個多月的實習中遇到不少問題,另外也學到了不少的東西,建立這個部落格的

開始的網站架設生活[2]

int family oss 例如 web -c end 構造 logs 從零開始的網站架設[2] 哇,今天就從一個模板開始說起吧。上次腦抽下了一個模板,模板大概可以總結成幾個部分: (模板在這裏:需要學習的可以下載哦~下載後24小時刪除哦~) https://github

開始玩人工智能—人臉 API—02

per ans encoder 頭部 個人 api 照片 python nor 前文介紹了人臉API,但沒有一個完整的功能實現,各個功能的API始終如散開的珍珠一樣,不能串成珠鏈。到底這套API是如何工作的呢?Person、Person Group、FaceLis

開始玩人工智能—機器視覺API—02

AI Cognitive Services Computer Vision 機器視覺 人工智能 本期有福利哦!不要錯過啦! 前文簡單實現了認知服務對圖片的檢測識別。檢測識別是其他機器視覺實現的基礎,除了我們示例代碼涉及的初步“看懂”圖片,認知服務其實可以按照要求返回不同的信息

開始的異世界生活(前綴和)

分別是 技術 ont ima 輸入數據 include 當前 後悔 前綴和 Description 486 作為有史以來最悲慘的男主,我們知道他需要經歷一些無限次的死亡和輪回才能進行下一個關卡。 現在給你 n 個連續的時間點,每個時間點 i

【Linux】【Services】【PaaS】開始的Devops生活(2. kubernetes)

ces 自帶 .html 新版本 demon 最新版本 環境 html ice 1. 簡介 1.1. kubernetes,基礎架構和概念請參考https://www.cnblogs.com/demonzk/p/8301087.html 1.2. 如果想把kubernete

開始學習比特幣開發(四)--網路初始化,載入區塊鏈和錢包,匯入區塊啟動節點

寫在前面: 本篇文章接續 從零開始學習區塊鏈技術(三)-接入比特幣網路的關鍵步驟解析、建立比特幣錢包,以及重要rpc指令 從零開始學習區塊鏈技術(二)–如何接入比特幣網路以及其原理分析 以及從零開始學習區塊鏈技術(一)–從原始碼編譯比特幣 如果這篇文章看不明白,請務必先閱讀之前的文章

開始的無人駕駛 02:Vehicle Detection

在 CNN (Convolutional Neural Networks 卷積神經網路) 普遍運用之前,車輛檢測是通過使用條件隨機場或者SVM(支援向量機)來實現的。操作上分為兩步,先是從影象上提取特徵,然後基於特徵建立模型,判斷車輛位置。 template matching 模板匹配 對於影象上的每一塊

開始的CSDN生活

大概在今年的九月份,我突然有了想成為一名CSDNer的想法。因為個人理想是成為自動化領域的領跑者,見證並推動自動化技術對世界的變革,而實現這個理想離不開四部分,一是對專業先進知識的理解,二是對自動化知識的掌握,三是對自動化知識的運用,四是對自動化知識的創新。做到這四部分,需要讀大量優秀文獻,

開始的文化課生活(第一週)

星期五(11月16日) 學校期中考試調休了,中午就放假了,但是週日早上八點就要返校。別人都在抱怨學校不能休息一個完整的星期天,好多人都在想著辦法請假,我倒是無所謂,因為好久不回到這個鳥不拉屎的地方,反而甚是想念。 想念呢群人名我都還記不起來的同班同學;想念老班詩情畫意的課堂;想念呢我總是能比別人先完成導學

開始的文化課生活(第一周)

英語 實踐 1.5 容器 課程 自己 不知道 語文課 電容 星期五(11月16日) 學校期中考試調休了,中午就放假了,但是周日早上八點就要返校。別人都在抱怨學校不能休息一個完整的星期天,好多人都在想著辦法請假,我倒是無所謂,因為好久不回到這個鳥不拉屎的地方,反而甚是想念。

計算機網路02--開始

1.學習目標      物理層的任務      幾種常用的通道複用技術      幾種常用的寬頻接入技術 2.物理層的任務 為資料端裝置提供傳送資料的通路 傳輸資料 完成物

開始學日文】#4 15句日文基本生活問候語!學會讓日文變得更快樂

1,お早う(ございます)      おはよう 2,こんにちは(ございます)   こんにちは  3,お元気ですか 4,こばんは 5,おやすみなさい

開始實習——Spring——ApplicationContext(暫時先去看Spring實戰)

Spring中的Resource Spring框架內部使用org.springframework.core.io.Resource介面作為所有資源的抽象和訪問介面,我們在之前構造BeanFactory的時候已經接觸過它,比如: BeanFactory beanF

開始實習——Spring——AOP初識

從OOP到AOP 從過程化的程式設計到面向物件程式設計OOP,我們一直在找到更加完美的開發方法。當OOP/OOSD(Object-Oriented Software Development)被提出來,以取代過去的面向過程的程式設計方法時,或許那時候的人們認為這是

開始的HTML,CSS學習生活:工具篇

寫在開頭 眾所周知,要想很好的學習HTML和CSS,一個好的工具是必不可少的。 今天我想向大家推薦幾款用於HTML開發的比較好用的電腦軟體,希望它們能幫助你在HTML程式編寫中旗開得勝。 Sublime Text Sublime Text 是一個程式碼編