• 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'

  • 相关阅读:
    一周进度条博客
    4.8地铁查询开发进度
    4.7地铁查询开发进度
    4.6地铁查询系统开发进度
    大二下第六周学习进度报告
    4.5地铁查询系统开发进度2
    《构建之法》阅读笔记03
    石家庄地铁查询系统开发进度
    《构建之法》阅读笔记02
    大二下第五周学习笔记
  • 原文地址:https://www.cnblogs.com/2019gdiceboy/p/11527792.html
Copyright © 2020-2023  润新知