1. 程式人生 > >第一個vue專案

第一個vue專案

pip  install -i http://mirrors.aliyun.com/pypi/simple  --trusted-host mirrors.aliyun.com nodeenv
nodeenv envnode
. envnode/bin/activate
# env虛擬環境
npm config  list
# 檢視npm源
npm config set registry https://registry.npm.taobao.org


npm install --registry=https://registry.npm.taobao.org --global vue-cli
npm install  -g webpack
# 安裝腳手架

vue init webpack new_vue
# 建立專案

cd new_vue
npm run dev
# 本地執行專案

Build Setup

# install dependencies (安裝package.json包中的依賴)
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

npm install -g @vue/cli
# 安裝vue-cli3



vue ui
# 1. 建立專案
# 2. 選擇手動,此時會讓我們選擇需要使用的庫和外掛,比如bebel、vuex、vue-router 等常用的庫

# 3.  任務選單: serve 用於開發環境,build
編譯並壓縮用於生產環境


#vue create myvue
# 建立專案

#vue add @vue/eslint  //安裝eslint
#vue add router   //安裝router
#vue add vuex   //安裝vuex
# 外掛

目錄結構描述參考

npm run build
# 生成靜態檔案,開啟dist資料夾下新生成的index.html檔案

相關推薦

VUE基礎入門 一個VUE專案(一)

Window10 下 VUE 開發環境搭建 開發環境準備 Windows10 + WebStorm + NodeJS WebStorm 2018.2 下載地址 NodeJS 下載地址 安裝環境 安

構建一個Vue專案

之前的文章已經提到了,如何配置Vue的開發環境了,現在開始做一個簡單的專案,主要就是介紹怎麼使用元件、路由以及通訊等,大家就不要吐槽UI和樣式的問題。       這是我的src目錄,component是放公用元件的,page是頁面,static是放靜態資原始檔 首

一個vue專案例項(vue-cli)

一、準備工作 vs code、chrome、node 二、步驟 1、全域性安裝vue-cli npm install vue-cli -g 2、初始化一個專案 vue init <temp

一個vue專案

pip install -i http://mirrors.aliyun.com/pypi/simple --trusted-

創建Vue.js對象:我的一個Vue.js輸出信息

增加 body prime utf 創建 src 多個 load rime <!DOCTYPE html><html><head><meta charset=”utf-8″><title

一個vue項目實例(vue-cli)

文件的 ebp 安裝 實例 nbsp 文件 fig row 執行 一、準備工作 vs code、chrome、node 二、步驟1、全局安裝vue-clinpm install vue-cli -g2、初始化一個項目vue init <template-name>

一個vue.js的例子

note css tps data doctype bsp script https 建立 1.使用notepad建立一個網頁文件demo.html, <!DOCTYPE html><html><head><meta charset

創建你的一個vue項目

Vuenpm install vue-cli -gvue init webpack my-projectcd myproject npm installnpm run dev;npm install vue-router --save (路由管理模塊) npm install vuex --save (狀態管

一個vue項目——從0到1構建vue(一)

第一個 清晰 vue-cli 從0到1 搭建 圖片 數據 綁定 代碼 入職學霸君三周,我的第一個大需求,世界杯活動歷時兩周,剛剛終於上線。這是我第一個實踐中的vue項目,也磕磕絆絆的完成了從react的轉變。以此為記。 首先記錄下菜鳥的學習過程: (1)看個大概 因為每個活

Java一個GUI專案-學生資訊查詢-MVC結構

M部分: package model; import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.util.Vector; import javax

如何對一個Vue.js元件進行單元測試 (上)

  首先,為什麼要單元測試元件?   單元測試是持續整合的關鍵。通過專注於小的、獨立的實體,確保單元測試始終按預期執行,使程式碼更加可靠,你可以放心地迭代你的專案而不必擔壞事兒。   單元測試不僅限於指令碼。可以獨立測試的任何東西都是可單元測試的,只要你遵循一些好的做法。這些例項包括單一責任、可預測性和鬆

使用Gradle管理專案建立一個springboot專案

xl_echo編輯整理,歡迎轉載,轉載請宣告文章來源。更多IT、程式設計案例、資料請聯絡QQ:1280023003 百戰不敗,依不自稱常勝,百敗不頹,依能奮力前行。——這才是真正的堪稱強大!! 使用gradle管理專案和maven管理專案最大的區別在於它的依賴配置,如果不熟

如何對一個Vue.js元件進行單元測試 (下)

我們的首次測試 讓我們來寫首個測試。我們首先需要使用shallowMount手動掛載我們的元件,並將其儲存在我們將執行斷言的變數中。我們還可以通過propsData屬性傳遞道具作為物件。 已安裝的元件是一個物件,它有一些實用方法: 然後,我們可以寫第一個斷言: 讓我們來

如何對一個Vue.js組件進行單元測試 (下)

發生 清理 定位元素 after 斷言 www. array 12c 良好的 我們的首次測試 讓我們來寫首個測試。我們首先需要使用shallowMount手動掛載我們的組件,並將其存儲在我們將執行斷言的變量中。我們還可以通過propsData屬性傳遞道具作為對象。

Python - 一個 Django 專案

開啟 PyCharm 選單欄 -> 檔案 -> 新建專案 選擇 Django,然後選擇專案路徑,最後點選“Create” 選擇第一個,另起視窗 settings.py 是跟設定相關的,urls.py 存放路徑和函式對應關係,wsgi.py 跟 socket 通訊相關的,mana

2018年9月26日Django的安裝以及建立一個Django專案和子模組

python字串物件的find()和index()方法的區別? index()和find()函式都是用於查詢字串,但是index()在沒有找到子串的時候會有報錯丟擲異常,影響程式執行。find()在找不到目標子串時不會丟擲異常,而是會返回-1,因此不會影響程式的執行。   函式

PyCharm入門第一步:建立並執行一個Python專案

步驟1:建立並執行您的第一個Python專案 在你開始之前 確保滿足以下先決條件: 您正在使PyCharmCE或Professional。 您已經安裝了Python本身。如果您使用的是macOS或Linux,那麼您的計算機已經安裝了Python。你可以從python.org獲

“面對面”app及員工管理系統---一個java專案總結

個人層面 JFinal入門 做了這麼久專案,對JFinal框架似懂非懂,趁這個機會我們來一起深入理解一下。 1.1 JFinal五大組成部分 1.1.1 Controller Controller 是 JFinal 核心類之一,該類作為 MVC 模式中的控制器。基於 J

Myeclipse部署一個Struts專案

新學期,新氣象! 我用的是Myeclipse 2017 CI,沒有破解Myeclipse的自行破解,或者按照我上傳的Myeclipse破解安裝包&教程破解! 如果用的是eclipse ee,請自行下載struts 2.0的jar包.解壓後將所需要的jar包,複製貼上到Web專案的

開始你的一個node專案

網上有很多關於Node.js如何安裝的教程,我這裡只是記錄一下,免得自己每次再找 一、安裝nvm 在終端執行命令 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash 修