vue 在webpack 环境下的初始化配置

Posted wuchongyou

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 在webpack 环境下的初始化配置相关的知识,希望对你有一定的参考价值。

1,安装node ,可以通过node-v查看自己的node版本

2,安装vue: 通过命令行npm install vue-cli -g 进行全局安装

3,在想要创建vue项目的目录下打开命令行,输入vue init webpack进行webpack环境的初始化配置

技术分享图片

  配置过程中 如果不知道是什么意思就全部点回车就好,这里特别提一下,如果不选择npm后期会有一定的麻烦

  接下来就是等待一系列的安装,这个过程稍微有点长,下载的文件总量差不多有200多M,还是需要等一会的

技术分享图片

  当现实这一步的时候就代表已经搭建完成了

技术分享图片

4,用webstorm打开package.json文件,如图,右击运行

  技术分享图片

 

以上是关于vue 在webpack 环境下的初始化配置的主要内容,如果未能解决你的问题,请参考以下文章

[20190614]webpack+vue学习记录

Vue.js学习—— vue-cli初始化项目的坑终极解决办法和总结(离线安装webpack下载模板)

vue项目结构

记录VUE-CLI项目创建及初始化相关

Vue2+VueRouter2+Webpack+Axios 构建项目实战配置环境及构建初始项目

vue 在webpack 环境下的 jquery使用