webpack3.x + vue2.0项目启动

向右看齐 2022-05-28 00:59 306阅读 0赞

1、安装 node.js

2、全局安装 webpack 

  1. npm  install  webpack  -g

3、安装 vue 脚手架

  1. npm install vue-cli -g

4、cd 进入文件，创建项目，vue init webpack-simple 一般是创建小型项目，像 postcss 那些都没有，下面这个是中大型项目，一般集成有很多东西

  1. vue init webpack xxx(项目名字)

然后会有一些提示……

5、 cd 进入项目 

  1. npm run dev

6、打包项目

  1. npm run build

其它下载

1、请求库 axios

  1. npm install axios --save

2、请求库 resource

  1. npm install vue-resource

3、element-ui

  1. npm i element-ui -S

4、安装jsx语法

  1. npm install babel-plugin-syntax-jsx --save-dev
  2. npm install babel-plugin-transform-vue-jsx --save-dev
  3. npm install babel-helper-vue-jsx-merge-props --save-dev
  4. npm install babel-preset-es2015 --save-dev

5、安装 es6-promise

  1. npm install es6-promise --save

使用

  1. promise.polyfill();

6、es6 有的浏览器用报错，安装babel-polyfill，他会让你的es6代码得以正常运行

  1. npm install --save-dev babel-polyfill

使用

  1. import 'babel-polyfill';// 或者require('babel-polyfill');

7、安装 echarts

  1. npm install echarts --save

发表评论

表情：
评论列表 （有 0 条评论，306人围观）

还没有评论，来说两句吧...

相关阅读