安裝最新 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
六. let 與const
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);