vue2.0開發環境搭建

BlackHole1 發布于2019-08-20 14:14 / 2111人閱讀

什么是VUE

VUE官方網址

Vue 是一個前端框架，特點是

數據綁定

比如你改變一個輸入框 Input 標簽的值，會自動同步更新到頁面上其他綁定該輸入框的組件的值

組件化

頁面上小到一個按鈕都可以是一個多帶帶的文件.vue，這些小組件直接可以像樂高積木一樣通過互相引用而組裝起來

Vue2.0 推薦開發環境

Homebrew 1.0.6(Mac)、Node.js 6.7.0、npm 3.10.3、webpack 1.13.2、vue-cli 2.4.0、Atom 1.10.2

安裝 nodejs

npm install nodejs 或 cnpm install nodejs

用 npm install npm@3.10.3 更新 npm 版本報錯:

(node:42) fs: re-evaluating native module sources is not supported.

解決辦法:在官網下載6.70的安裝包再安裝一次(剛剛相當于幫你配置好環境變量，現在再安裝一次升級到最新的 npm)

好像以前官網的安裝包不會自動配置環境變量的，由于我電腦上之前安裝過 nodejs 所以環境變量已經配置好了，不知道現在的安裝包會不會自動配置環境變量。

Windows 下直接下載安裝包即可

安裝webpack

npm install webpack -g

安裝vue腳手架

npm install vue-cli -g

根據模板創建項目

vue init webpack-simple 工程名字<工程名字不能用中文>

或者創建 vue1.0 的項目

vue init webpack-simple#1.0 工程名字<工程名字不能用中文>

會有一些初始化的設置，如下輸入:

Target directory exists. Continue? (Y/n) 直接回車默認(然后會下載 vue2.0模板，這里可能需要連代理)

Project name (vue-test) 直接回車默認

Project description (A Vue.js project) 直接回車默認

Author 寫你自己的名字

cd 命令進入創建的工程目錄

工程目錄如圖所示:

安裝項目依賴

一定要從官方倉庫安裝，npm 服務器在國外所以這一步安裝速度會很慢。

npm install

不要從國內鏡像cnpm安裝(會導致后面缺了很多依賴庫)

cnpm install

啟動項目

npm run dev

GPU云服務器云服務器 vue2.0 cdn 開發環境搭建搭建開發環境安卓開發環境搭建

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81472.html

關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評論0 收藏0
一個vue2.0+vuex+vue-router搭建的單頁潮流購物網站

摘要：中的非常類似于事件每個都有一個字符串的事件類型和一個回調函數。這個回調函數就是我們實際進行狀態更改的地方，并且它會接受作為第一個參數中的類似于，不同在于提交的是，而不是直接變更狀態。項目demo地址github源碼地址首頁覺得不錯，給我的github源碼點個贊吧QAQ showImg(https://segmentfault.com/img/bVI3GV?w=1366&h=591...

Chaz 2019-08-20 14:13 評論0 收藏0