vue笔记

170 阅读1分钟

webpack

安装淘宝镜像:npm install cnpm -g --registry=https://registry.npm.taobao.org cnpm -v 来测试是否成功安装

  1. 在路径工程下输入命令: npm init -y 工程出现package.json
  2. 安装jq: npm i jquery -S 在工程目录下会多出一个node_modules
  3. 打包main.js webpack 需要编译的文件 打包后名字 webpack .\src\main.js .\dist\bundle.js
  4. 在工程的主目录下新建webpack.config.js
  5. 使用webpack-dev-server这个工具来实现自动打包编译功能 运行 npm i webpack-dev-server -D把这个工具安装到项目本地依赖 由于webpack-dev-server是本地安装,无法当为脚本命令,在powershell中直接运行,只有安装到全局 -g的工具,才能在终端中正常执行
  6. npm run dev 运行后,html中引入的bundle.js的路径要改为
  7. 内存生成一个html页面,引入bundle.js 注意:nrm只是单纯的提供了几个常用的下载包的url地址,并能够让我们可以在这几个地址之间方便地切换,但是实际安装包的时候,还是需要使用 装包工具,都是npm,使用命令 npm i cnpm -g安装cnpm 安装nrm npm i nrm -g nrm ls nrm use taobao

cnpm i html-webpack-plugin -D

  1. 安装css loader cnpm i style-loader css-loader -D

9.安装less loader cnpm i less-loader less -D

10.安装sass loader cnpm i sass-loader node-sass -D

  1. url loader 的安装

12 安装url-loader 来支持url cnpm i url-loader file-loader -D

13 安装mint ui cnpm i mint-ui -S

14 在main.js中处理.vue文件的时候,需要安装相关支持的loader cnpm i vue-loader vue-template-compiler -D

15 MUI 不能使用npm安装,需要从github上下载,下载并解压包,然后复制到工程中使用 github地址:github.com/dcloudio/mu…