详解用webpack2.0构建vue2.0超详细精简版-创新互联
npm init -y
初始化项目
安装各种依赖项
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
{{ msg }}
- {{ n }}
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前标题:详解用webpack2.0构建vue2.0超详细精简版-创新互联
文章出自:http://ybzwz.com/article/ijgoj.html