2. 程式人生 > >mac電腦 安裝vue、互動、打包

mac電腦 安裝vue、互動、打包

阿新 • • 發佈：2019-02-11
安裝Vue
1、安裝brew 開啟終端執行以下命令：/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"安裝成功後，檢視一下brew的版本資訊：brew -v2、安裝node.js 在終端中執行以下命令：brew install nodejs安裝成功後，檢視一下node.js的版本資訊：node -v3、獲取nodejs模組安裝目錄訪問許可權　sudo chmod -R 777 /usr/local/lib/node_modules/4、安裝 淘寶映象 （npm）5、安裝webpack
cnpm install webpack -g6、安裝vue腳手架npm install vue-cli -g之後建立專案1、建立專案：　cd 目錄路徑vue init webpack 工程名字<工程名字不能用中文>2、安裝專案依賴　一定要從官方倉庫安裝，npm 伺服器在國外所以這一步安裝速度會很慢。 npm install　 （慎用,會非常慢）　cnpm install　　3、安裝 vue 路由模組vue-router和網路請求模組vue-resourcecnpm install vue-router vue-resource --save4、啟動專案npm run dev
!!!!!!!!關閉專案之後再次啟動專案：!!!!!!cd + 專案cnpm install cnpm run dev已經存在node_modules 的開啟專案在專案的！！！！！！根目錄下npm run dev關閉用：ctrl+c
請求資料
http請求配置：在main.js中import VueResource from 'vue-resource'Vue.use(VueResource);安裝 axios外掛cnpm install axios 引用：//通過import引入在main.js// http請求import vueRouter from 'vue-router';//通過import引入import axios from 'axios';
然後使用：Vue.use(vueRouter);Vue.config.productionTip = falseVue.prototype.$axios = axios;呼叫在 .vue 中：// ajax請求資料showData: function() { this.$axios({ method:"get", url:"*****************", data:{ type:'01', } }).then((res)=>{ console.log(res.data); })

打包（別人下面這邊部落格說的很詳細，可以借鑑）

相關推薦

mac電腦 安裝vue、互動、打包

安裝Vue1、安裝brew 開啟終端執行以下命令：/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/in

mac下安裝包已損壞、顯示未激活、打開崩潰處理方法

允許 erl under 終端 顯示 復制粘貼 ali tex 密碼 mac安裝app出現安裝包已損壞、顯示未激活、打開崩潰等的提示 步驟1：Spotlight搜索(快捷鍵：command+空格或右上角搜索的符號)：搜索 “終端” 步驟2：直接復制粘貼 sudo spctl

MAC電腦安裝svn客戶端cornerstone

ext clas lin blog cor 文件 shu 損壞 PC 個人感覺在mac上最好用的svn客戶端就是cornerstone，公司客戶端也統一使用這個 sudo spctl --master-disable 這條命令作用就是使得mac運行安裝任何來源App

Python基礎（相關歷史、互動、簡單流程控制）

開始學習Python啦，希望能堅持下來，在部落格園裡記錄一下學習過程，感謝部落格園提供平臺！  Python發展史 1989年聖誕節，Guido開始寫Python語言的編譯器，Python這個名字源於Guido所摯愛的電視劇 Monty Python's Flying Circus 1991年

mac電腦安裝MongoDB和執行

首先MongoDB提供了OSX平臺上64位的安裝包，你可以在官網下載安裝包 下載地址：https://www.mongodb.com/download-center#community 接下來我們使用curl命令來下載安裝 # 進入 /usr/local cd /usr/local

mac電腦安裝和配置tomcat步驟

avi wid 步驟 perm fill bsp terminal ofo 修改 一:下載 打開Apache Tomcat官網,選擇需要的版本下載: 二:存放到本地 文件夾重命名為ApacheTomcat,放到/Users/計算機名/Library/目錄下 三:啟動To

01 python初學（註釋、互動、if while for）

為了能生存下去，一定要堅持學習！   目錄  1. 註釋 2. 使用者互動 3. if 、while、for 語句 1. 註釋  單行註釋： #    多行註釋： 三個單引號 || 三個雙引號   2. 使用者互動： d

MAC電腦安裝window系統（二）：Mac安裝VMware虛擬機器，然後安裝Windows系統

1： 1.1下載：VMware 參考連結（我下載的是這一款）：http://www.pc6.com/mac/542655.html  或者去這個網站找一款你覺得好的（http://www.pc6.com/pc/Macvirt/）   1.2下載：win10 iso 映像（去

MAC電腦安裝Mysql伺服器和Navicat for mysql客戶端

1.下載連結 2.安裝mysql和Navicat Navicat for mysql,下載下來的本身就是個app,不用再次安裝,直接拖拽到應用程式即可 安裝mysql,按照安裝步驟安裝即可,安裝時會出現如下彈框,一定要記住,5.7之後的版本預設有個

mac電腦安裝npm命令，安裝wepy框架

1：終端支援nmp命令，需要安裝 nodejs。https://nodejs.org/download/release/v6.12.0/ 選擇pkg格式。https://www.jianshu.com/p/5bf6f83e80e82：安裝WePY 文件 https://ten

mac電腦安裝homebrew

新電腦或者重新裝了系統的mac是不自帶homebrew工具包的，需要自己安裝。 開啟Terminal,輸入如下命令： ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/insta

mac iterm2安裝、sshpass密碼記住

解壓 mac 使用 app user lan 技術分享 alt 源代碼 1. item2官網下載，自行安裝 2. 導入以前生成的Prefiles文件到 /Users/alex/Library/Application Support/iTerm2/DynamicProfi

mac系統下安裝、啟動、停止mongodb

src lin onf lis with nod 其他 文字 ans 一. 下載nodejs,安裝，一直到 node -v顯示版本號，表示安裝成功。 二. 本文主要講解，安裝包方式安裝 mongodb，至於其他方式不做介紹。 下載Mongodb後，將Mongodb-3.2.

Mac電腦使用：解決Mac上“文字編碼Unicode(UTF-8)不適用”、文字編碼“中文 (GB 18030)不適用“的問題

在Mac電腦上面開啟txt檔案，有些時候由於格式不一樣或者其他原因，會打不開txt檔案，這樣就需要我們對文字編輯的偏好設定裡面進行修改即可。這裡我只說兩種打不開的情況，這兩種情況就是標題說的這兩種情況。 一、先介紹第一種情況：未能開啟文稿“docs(1).txt”。文字編碼“Unicode(

vue.js生命週期鉤子、過濾器、互動練習001 仿留言板

需求: 呼叫介面獲取留言資料 過濾時間只取年月日 開啟網頁便執行請求 程式碼: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /&g

mac中安裝、啟動ActiveMQ

1、下載apache-activemq--5.15.6-bin.tar.gz  下載地址：https://download.csdn.net/download/qq_34077993/10750953 2、下載後解壓  3、進入到/apache-activemq-5.1

node、npm、vue安裝 -- VUE 專案 demo 例項

1. 安裝node： sudo yum install epel-release sudo yum install nodejs node --version // 安裝好後檢視版本 2. 安裝 npm 和 express： sudo yum install

Node.js 多版本安裝配置（Window、Ubuntu 、CentOS 、Mac OS、Cloud Studio）

向大家介紹在window和Linux上安裝Node.js的方法。 本安裝教程以Node.js v4.4.3 LTS(長期支援版本)版本為例。 Node.js安裝包及原始碼下載地址為：https://nodejs.org/en/download/。 你可以根據不同平臺系統選擇你需要的

vue.js 三種方式安裝 ( vue-cli ) 、安裝詳解、建立專案

  Vue.js（讀音 /vjuː/, 類似於 view）是一個構建資料驅動的 web 介面的漸進式框架。Vue.js 的目標是通過儘可能簡單的 API 實現響應的資料繫結和組合的檢視元件。它不僅易於上手，還便於與第三方庫或既有專案整合。     &nbs

VUE：項目的創建、編寫、打包及規範檢查

動態 return 是什麽 -c spa .html studying target 文件夾 VUE：項目的創建、編寫及打包 項目的創建 使用 vue-cli 創建模板項目（官方提供的腳手架工具） https://github.com/vuejs/vue-cli