摘要: 1. 安装vue的包: cnpm i vue -S 2. 由于 在 webpack 中,推荐使用 .vue 这个组件模板文件定义组件,所以,需要安装 能解析这种文件的 loader cnpm i vue-loader vue-template-complier -D 3. 在 main.js 中,导 阅读全文
posted @ 2019-08-26 17:31 鸣人卷~~ 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 1. 运行`cnpm i vue -S`将vue安装为运行依赖; 2. 运行`cnpm i vue-loader vue-template-compiler -D`将解析转换vue的包安装为开发依赖; 3. 运行`cnpm i style-loader css-loader -D`将解析转换CSS的 阅读全文
posted @ 2019-08-26 17:26 鸣人卷~~ 阅读(1089) 评论(0) 推荐(0) 编辑
摘要: 由于使用`--contentBase`指令的过程比较繁琐,需要指定启动的目录,同时还需要修改index.html中script标签的src属性,所以推荐大家使用`html-webpack-plugin`插件配置启动页面.1. 运行`cnpm i html-webpack-plugin --save- 阅读全文
posted @ 2019-08-26 14:28 鸣人卷~~ 阅读(920) 评论(0) 推荐(0) 编辑
摘要: 1. 由于每次重新修改代码之后,都需要手动运行webpack打包的命令,比较麻烦,所以使用`webpack-dev-server`来实现代码实时打包编译,当修改代码之后,会自动进行打包构建。2. 运行`cnpm i webpack-dev-server --save-dev`安装到开发依赖3. 安装 阅读全文
posted @ 2019-08-26 14:18 鸣人卷~~ 阅读(673) 评论(0) 推荐(0) 编辑
摘要: 1、创建一个文件夹,vscode打开 2、ctr + shift+` 打开指令窗口 3、npm i vue-cli -g 安装vue-cli 4、vue -V 测试安装版本 检查是否安装成功 5、vue init webpack 初始化 6、在当前文件新建项目 7、install vue-route 阅读全文
posted @ 2019-08-26 09:47 鸣人卷~~ 阅读(136) 评论(0) 推荐(0) 编辑