1. 程式人生 > >【一、 nuxt 安裝】

【一、 nuxt 安裝】

首先,在使用npm前你需要安裝Node到系統中

然後,按照下面的步驟進行安裝

1.用npm來安裝vue-cli這個框架,如果你已經安裝過了,可以省略這步。

npm install vue-cli -g

根據你的網路環境不同,安裝的速度不同,如果你的網路環境實在不好,可以考慮使用cnpm來進行安裝。(在實際開發中我會盡量避免使用cnpm來進行安裝,因為會出現一些未知的錯誤。)安裝完成後可以使用vue -V 來測試是否安裝成功。(注意:這裡要使用大寫的V,小寫無效)。

2.使用vue安裝 nuxt

安裝好vue-cli後,就可以使用init命令來初始化Nuxt.js專案。

vue init nuxt/starter

這時候他會在github上下載模版,然後會詢問你專案的名稱叫什麼,作者什麼的,這些完全可以根據自己的愛好填寫。

3.使用npm install安裝依賴包

npm install

這個過程是要等一會的,如果你這個過程安裝失敗,你可以直接誒刪除專案中的node_modules資料夾後,重新npm install進行安裝。

4.使用npm run dev 啟動服務

npm run dev

5.在瀏覽器輸入 localhost:3000,可以看到結果。

Hello World

在專案根目錄下找到/pages/index.vue檔案,然後把專案名稱改寫成Hello World。框架支援熱更新,所以你不用重新整理就自動更新了。





相關推薦

nuxt 安裝

首先,在使用npm前你需要安裝Node到系統中然後,按照下面的步驟進行安裝1.用npm來安裝vue-cli這個框架,如果你已經安裝過了,可以省略這步。npm install vue-cli -g根據你的網路環境不同,安裝的速度不同,如果你的網路環境實在不好,可以考慮使用cnp

Spring整合cxf搭建webservice服務端

1、匯入jar包(普通web專案) 引入依賴(maven專案) <!-- webservice依賴框架CXF --> <dependency> <groupId>org.apache.cxf</groupId>

ionic+cordova混合開發app環境搭建

APP開發採用ionic進行開發,ionic官網http://ionicframework.com/docs/。 開發軟體採用Visual Studio,安裝包百度下載即可。 版本 ionic 3.9.2 node v8.12.0 cordova 6.5.0 1、node簡介: 1)Nod

React專案需要安裝的第三方外掛或包隨手記-----------------------------------------獨影

001:安裝腳手架工具   npm install -g create-react-app 002:建立新專案   create-react-app myproduct     //myproduct  是建立資料夾的名稱 003:           01

Linux(CentOS7)下應用的安裝部署Java 安裝

1 :下載JDK 也可以直接用wget下載到 linux [[email protected] ~]# wget http://download.oracle.com/otn-pu

Linux(CentOS)中Redis介紹安裝使用篇就夠

一、介紹Redis is an open source (BSD licensed), in-memory data structure store, used as a database, cache and message broker. It supports data

初識Leetcode----學習(二十打家劫舍快樂數

①打家劫舍 你是一個專業的小偷,計劃偷竊沿街的房屋。每間房內都藏有一定的現金,影響你偷竊的唯一制約因素就是相鄰的房屋裝有相互連通的防盜系統,如果兩間相鄰的房屋在同一晚上被小偷闖入,系統會自動報警。 給定一個代表每個房屋存放金額的非負整數陣列,計算你在不觸動警報裝置的情況下,能夠偷竊到的最高金

Python3從零開始爬取今日頭條的新聞開發環境搭建

首先,安裝好我們爬網所需的開發環境,我的開發環境如下: win7 x64中文版 本系列演示過程所用到的python環境以及第三方庫: python 3.6.5 Anaconda預安裝 sele

起來學React- React基礎知識補充(列表渲染條件渲染JSX語法)

本章節為react基礎知識的補充,我今天看了一下,發現react的基礎知識大致能通過我之前的幾張來講解的差不多了,但是不夠細,還有一些,只講了一個概念,所以這一章節來進行一個補充吧! 列表渲染 react的列表渲染不和vue或者ng一樣,有指令的,react完全靠j

opencv機器學習opencv中的SVM影象分類(

一、影象分類概述 本模組是用在影象內容識別的部分,影象分類是利用計算機對影象進行定量分析,把影象中的每個像元或區域劃歸為若干個類別中的一種,以代替人工視覺判讀的技術。從目視角度來說,對影象進行提高對比度、增加視覺維數、進行空間濾波或變換等處理的目的就是使人們能夠憑藉知識

Leetcode陣列專題(1)easy

【陣列專題】 難度:easy 【第一題】 Two Sum(NO.1) Given an array of integers, return indices of the two numbers such that they add u

Spring,環境搭建

pla cee 數據 web int 世界 aging support ges Spring 大家都不陌生,企業應用中很流行的一個平臺。從最開始的 Servlet 控制所有,到 MVC 模式的出現。從 SSH (Struts、Spring、Hibernate) 所謂的三

idea玩轉“碼雲”(idea安裝碼雲插件)

.net iss ast set jsb tle plugin configure csdn idea玩轉“碼雲”(一、idea安裝碼雲插件) 原創 2017年05月18日 23:27:28 在git盛行的今天,碼雲成為中國程序員的第二github,而且還可以免費使

nginx 安裝

pre highlight 系統版本 class yum 源 gpg ash 安裝 name 添加官方 yum 源 1 vim /etc/yum.repos.d/nginx.rep 輸入以下內容(OS為你的系統,OSRELEASE 系統版本) 1 [nginx] 2

分庫分表MySQL分庫分表方案

分表 性能 正常 事先 AD 現在 新用戶 我們 java 一、Mysql分庫分表方案 1.為什麽要分表: 當一張表的數據達到幾千萬時,你查詢一次所花的時間會變多,如果有聯合查詢的話,我想有可能會死在那兒了。分表的目的就在於此,減小數據庫的負擔,縮短查詢時間。 mys

Python安裝與Pycharm使用入門

進入 epel源 targe ext width ngx enter date prefix 一、安裝Python 1、Linux下安裝 一般系統默認已安裝2.6.6版本,升級成2.7版本, 但 2.6 不能刪除,因為系統對它有依賴,epel源裏最新的也是2.6版本,所以以

htmlCSS-5clearfix

pen 位置 round set TP back display lap 解決 一、CSS全局應用 父標簽div下包含兩個子標簽div,當子標簽dvi全部向左float,此時父標簽設置的背景色是不顯示的 <!DOCTYPE html> <html la

牛客G-指紋鎖題三解

str ret puts () 題目 del ont 操作 urn 鏈接:https://www.nowcoder.com/acm/contest/136/G來源:牛客網 題目描述 HA實驗有一套非常嚴密的安全保障體系,在HA實驗基地的大門,

首小詩每一個難捱的日子都是首詩

日子 芒果 需要 什麽 ont 安靜 一個 style 華麗   不要勉強開心   微笑會撕裂傷口   悲傷同樣需要流淌   給負能量一個安靜的地方休息   什麽也別說給他一個大大的擁抱   每一個難捱的日子都是一首詩   不華麗 不張揚   不影響明年夏天芒果的芳香   

智能家居入門DIY——執行命令

嵌套 實現 mps 狀態 client ble cmd sid 智能家居 前面幾篇介紹了ESP8266使用AT命令來連接WIFI實現一系列功能。這一篇介紹一下使用Wemos D1 Wifi來進行開發,當然也可以用常見的8針ESP8266來完成(只是需要按網上