前端vue

注意：vue项目在ide里面执行命令和在命令行里执行命令所下载的安装包是不一样的

vue-cli    vue的脚手架

下载安装node.js

下载安装git

npm是前端的软件包管理工具，也可以使用yarn管理软件包

确认node.js是否安装成功      node -v    npm -v

安装node.js的淘宝加速器cnpm

npm install cnpm -g          -g 就是全局安装的意思

或者使用如下语句解决安装慢的问题

npm install  --registry=https://registry.npm.taobao.org

node.js的安装目录   D:\nodejs

安装vue-cli      cnpm install vue-cli -g

测试是否安装成功     vue list            查看可以使用哪些模块

在D:\vue 目录 创建第一个vue-cli项目

vue init webpack myvue

cd myvue

npm install      下载安装所需的npm依赖包

npm run dev    启动项目

熟悉项目的目录结构

在idea中需要管理员权限运行项目，可以在桌面右击idea的图标配置管理员权限运行idea

在idea npm install 和在cmd中拉取的相关包是不同的，需要注意其中的依赖是有问题的，最好用cmd 安装管理依赖包

 

node.js的服务端遵循Commonjs的规范，核心是 允许模块通过require 来同步加载模块

npm install vue-router 

 

npm install webpack -g

npm install webpack-cli -g

 

ES6 规范  编译时检查

 

 

vue + elementui  组合使用

vue init webpack hello-vue

npm install vue-router --save-dev

npm i element-ui -S

npm install

//安装sass加载器

cnpm install sass-loader node-sass --save-dev

//指定版本安装

npm install --save esri-loader@1.0.0

 

'use strict' build目录，严格检查模式

config/index.js     首页端口的配置文件

build/webpack.base.conf.js        webpack 的配置文件

package.json      npm依赖的配置文件