详解用webpack2.0构建vue2.0超详细精简版-创新互联

npm init -y初始化项目

专业从事成都做网站、成都网站建设,高端网站制作设计,小程序开发,网站推广的成都做网站的公司。优秀技术团队竭力真诚服务，采用H5页面制作+CSS3前端渲染技术，成都响应式网站建设公司，让网站在手机、平板、PC、微信下都能呈现。建站过程建立专项小组，与您实时在线互动，随时提供解决方案，畅聊想法和感受。

安装各种依赖项

npm install --save vue安装vue2.0

npm install --save-dev webpack@^2.1.0-beta.25 webpack-dev-server@^2.1.0-beta.9安装webpack以及webpack测试服务器，默认安装是1.0版本的，所以必须指定版本号

npm install --save-dev babel-core babel-loader babel-preset-es2015安装babel，一般的浏览器是不认识es6语法的，babel的作用是将es6的语法编译成浏览器认识的语法

npm install --save-dev vue-loader vue-template-compiler用来解析vue的组件，.vue后缀的文件

npm install --save-dev css-loader file-loader用来解析css

编写页面

新建目录src，里面新建App.vue

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文标题：详解用webpack2.0构建vue2.0超详细精简版-创新互联
文章源于：http://cdxtjz.cn/article/ijgoj.html