VSCode 安装教程（超详细）

const app = Vue.createApp(HelloVueApp).mount(‘#hello-vue’)：用于配置根组件 HelloVueApp，使用 mount() 挂载应用时，该组件被用作渲染的起点。

1、Node.js
使前端开发发生改变，Node.js可以做后端程序。 node index.js启动服 务
1、会自动安装npm，相当于maven
2、示例：cnpm install express --save 安装express框架，相当于springMvc，查看package.json以及node_modules（各种依赖包）

2、npm

npm init 生成package.json，相当于pom.xml

npm init --yes

npm install 模块名 -g 全局安装

npm install 模块名 本地安装

npm install 模块名 --save 安装依赖，并且记录在package.json

npm uninstall 模块名 卸载

npm ls 查看当前安装模块

npm install -g cnpm --registry=https://registry.npm.taobao.org 安装cnpm工具，指定国内npm镜像源

cnpm install 模块

npm install -g yarn --registry=https://registry.npm.taobao.org 安装yarn工具，指定国内npm镜像源

3.1、es6解构
let user = {
name: ‘pxhsne’,
eat(){
console.log(“est”);
}
}
let {name} = user;
let {eat} = user; eat();

3.2、es6模块化
node内置require模块化引用，但是vue使用es6模块化，解决js相互调用问题。
a.js:
let user = {
name: ‘pxhsne’,
eat(){
console.log(“est”);
}
}
//b.js导出 只能有一个默认，在引入的地方可以随意命名
export default user;
export let a = ‘xxx’;

b.js:
import user from “./b.js”
import {a} from “./b.js”
console.log(name);
console.log(a);

3.3、es6-promise 异步执行 传参：resolve成功回调函数，reject失败回调函数
new Promise( (resolve, reject) => {
//做一些异步操作
setTimeout(function(){
var sheng = “安徽省”
console.log(sheng);
resolve(sheng);
}, 2000);
})
.then( res => {
return new Promise( (resolve, reject) => {
setTimeout(function(){
var shi = “合肥市”
console.log(res + shi);
resolve(res + shi);
}, 2000);
})
})
.then( res => {
return new Promise( (resolve, reject) => {
setTimeout(function(){
var xian = “肥东县”
console.log(res + xian);
resolve(res + xian);
}, 2000);
})
})
.catch( err => {
console.log(err);
});

vue-cli
vetux插件安装

vuex

vue-route