webpack+sass+vue 入门教程(一)
2017-01-07 11:47
811 查看
一、安装node.js
node.js是基础,必须先安装。而且最新版的node.js,已经集成了npm。下载地址
node安装,一路按默认即可。
二、全局安装webpack
npm install -g webpack
如果公司网络是设置代理的,要设置下代理地址
npm config set proxy http://***/[/code]三、建立项目文件夹
我在本机的E盘上,建了一个名称为demo的文件夹四、初始化package.json
1.cmd控制台进入E盘下的demo文件夹
2.输入 npm init,自动生成package.json
package.json自动生成的内容五、在项目中安装webpack作为依赖包
npm install webpack --save-dev
安装成功后,会在demo文件夹下生成一个node_modules文件夹。
另外,控制台会提示warn,不用担心。
原文入口:http://www.jianshu.com/p/48280ba9a362
系列文章:
webpack+sass+vue 入门教程(二)
webpack+sass+vue 入门教程(三)
相关文章推荐
- webpack+sass+vue 入门教程(二)
- webpack+sass+vue 入门教程(三)
- webpack+vue.js快速入门教程
- WebPack详细入门教程(七)之css和sass的处理
- vue最简单的入门教程+实战+Vue2+VueRouter2+webpack(二)
- vue最简单的入门教程+实战+Vue2+VueRouter2+webpack(五)
- vue最简单的入门教程+实战+Vue2+VueRouter2+webpack(四)
- Vue.js + Webpack + ECMAScript 6 入门教程
- vue最简单的入门教程+实战+Vue2+VueRouter2+webpack(三)
- webpack+vue-loader 在单独.vue组件中使用sass-loader编译sass报错问题not a valid Win32 applictation
- Webpack 入门教程6
- Vue.js——60分钟webpack项目模板快速入门
- Vue.js——60分钟webpack项目模板快速入门
- Webpack 入门教程5
- Webpack 入门教程2
- Webpack 入门教程7
- Vue.js——60分钟webpack项目模板快速入门
- Webpack简易入门教程
- webpack入门教程