Vue2+webpack搭建VueDemo

“桌面”

1.创建项目文件夹  makdir vueDemo2，并   进入文件夹  cd  vueDemo2

2.初始化项目 npm inti -y   

3. npm  install vue  --save   # 安装 vue

4. npm install webpack webpack-dev-server --save-dev  #安装webpack  注意： --save-dev 是你开发时候依赖，--save 是你发布之后还依赖  这些 都会写到 package.json中  分别对应 --devDepenencies  --dependencies 下的的内容

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

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

7.npm install css-loader style-loader --save-dev   #用来解析css

8.npm install url-loader file-loader --save-dev  #用来打包文件和图片

9.npm install sass-loader node-sass --save-dev  #用于编译sass

10 .npm install sass-loader node-sass --save-dev   安装路由

11. npm install --save-dev eslint eslint-plugin-vue ##安装Eslint https://github.com/vuejs/eslint-plugin-vue

“npm install eslint@v4.19.1 eslint-plugin-vue@v4.4.0 vue-eslint-parser@v2.0.3 babel-eslint@v8.2.2 --save-dev”

配置 webpack.config.js 添加 eslint