webpack前端构建基础笔记

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

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

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

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

4、安装cnpm:npm install -gD cnpm

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

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

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

转载于:https://www.cnblogs.com/2019gdiceboy/p/11527792.html