安装最新 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
四. 创建项目(切换至项目所在目录):
vue init webpack projectName
Project name projectName // 项目名称
Project description es6 // 项目简介
Author Wake // 项目作者
Use ESlint to lint your code? n // 是否使用es6代码风格检查器
Setup unit tests with Karma + Mocha? y // 单元测试库
Setup e2e tests with Nightwatch? y
五. 安装package.json中的依赖 并运行
npm install
npm run dev
六. let
与const
var
声明的变量是为全局
let
作用域只在代码块之内, 同一不能重复声明
const
声明常量
七. 解构赋值
// 数组解构
let [a, b, c, d] = ['11', '22', '33', '44'];
alert( c ); // 33
// 嵌套数组解构
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
// 对象解构
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 ); // 界
// 函数参数解构
let obj = new Object();
obj.uid = 111;
obj.uname = '张三';
analysis(obj); // 111; 张三
function analysis({uid, uname}) {
alert(uid);
alert(uname);
}
八. symbol ,表示决不重复的一种值
let a = Symbol(3);
let b = Symbol(3);