webpack前端构建基础笔记

注：npm i(install) -g(全局安装) --save -dev (生产环境及开发环境) vue-cli(脚手架)

1.从node.js官网下载最新安装包进行安装

二、设置淘宝镜像代理：npm config set registry https://registry.npm.taobao.org

三、安装脚手架：npm install -gD vue-cli

四、安装cnpm:npm install -gD cnpm

五、安装vue:cnpm install -gD vue-cli

====================vue项目安装======================
一、进入项目目录
二、cnpm install -gd vue-cli(第三步失败后从第二步开始从新执行)
三、vue init webpack vuetest1 (工程名必须为小写)
四、vue-router选着Y
五、code选着N
六、tests单元测试选着N
七、下载vue代码语法高亮插件：https://github.com/vuejs/vue-syntax-highlight
八、安装webpack打包工具 ：npm install webpack -gD
九、项目中安装npm工具： npm init y
十、用webpack打包前安装：npm install webpack-cli -g
更换打包命令为: webpack ./src/main.js -o ./dist/bundle.js
其中 bundle.js是打包后生成的文件的文件名,安装jquery: npm install -D

十一、要用VUE需安装VUE完整版 ：cnpm vue-loader vue-template-complier -gd
而后倒入完整的包路径 ：import Vue from '../node_modules/vue/dist/vue.js'