安裝配置 Vue.js 并創(chuàng)建項目

安裝最新 npm 版本
npm i npm -g

一. 安裝 webpack: (全局安裝) // 查看版本:webpack -v
npm install webpack -g
二. 安裝 vue.js // 查看版本: vue -v
npm install vue -g
三. 安裝vue命令行工具
npm install -g vue-cli

四. 創(chuàng)建項目(切換至項目所在目錄):

vue init webpack projectName

Project name projectName        // 項目名稱
Project description es6              // 項目簡介
Author Wake                                 // 項目作者
Use ESlint to lint your code? n   //  是否使用es6代碼風(fēng)格檢查器
Setup unit tests with Karma + Mocha? y    // 單元測試庫
Setup e2e tests with Nightwatch? y

五. 安裝package.json中的依賴 并運行
npm install
npm run dev

六. letconst
var聲明的變量是為全局
let 作用域只在代碼塊之內(nèi), 同一不能重復(fù)聲明
const聲明常量

七. 解構(gòu)賦值

// 數(shù)組解構(gòu)
let [a, b, c, d] = ['11', '22', '33', '44'];
alert( c );    //  33

// 嵌套數(shù)組解構(gòu)
let [a, b, [c, d], e] = ['11', '22', ['31', '44'], '55'];
alert( d );    //  44

// 空缺變量
let [a, b, , e] = ['11', '22', ['31', '44'], '55'];
alert( e );    //  55

// 對象解構(gòu)
let obj = new Object();
obj.uid = 111;
obj.uname = '張三';
let uid, uname;         // 定義兩個變量
({uid, uname} = obj);   // 從obj中取值,注意小括號
alert(uname);           // 張三                              

// 字符串嵌套
let [a, b, [c, d], e] = "你好世界";
alert( d );    //  界

// 函數(shù)參數(shù)解構(gòu)
let obj = new Object();
obj.uid = 111;
obj.uname = '張三';
analysis(obj);   // 111; 張三

function analysis({uid, uname}) {
    alert(uid);
    alert(uname);
}

八. symbol ,表示決不重復(fù)的一種值

let a = Symbol(3);
let b = Symbol(3);

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 夫妻之間,居家過日子,少不了吵架。生活就像吃鈑一樣,得有酸甜苦辣各種味道才完美,讓你天天吃山珍海味你也會吃膩的,突...
    68bcaea23535閱讀 458評論 0 0
  • 1 今天我通過柳比歇夫時間記錄法和分類統(tǒng)計、檢視,我看到了一個真實的自己!我開始向自己持續(xù)地提問,思考理想和現(xiàn)實的...
    LiHongxi閱讀 245評論 0 0
  • 時快時慢~毫無規(guī)律~ 不知道還能撐多久~ 今天已經(jīng)開始出現(xiàn)發(fā)燒的跡象了~ 我知道~噩夢即將開始~ 冷~一整天沒有緩...
    SummerLee110484閱讀 360評論 0 0

友情鏈接更多精彩內(nèi)容