Vue:
1,使用Vue需要用到脚手架 vue-li,安装的时候用webpack-simple安装脚手架
2,使用之前需要装有node ,因为需要用到node的npm
3,安装的时候需要全局安装一个包,然后找个地方安装myapp
4,替换淘宝镜像 如下:
5,以后使用cnpm会更快一些。
6,如果使用router需要装install,路由
7,如果使用vuex需要装install ,数据状态管理
8,如果使用babel 需要安装cnpm install babel-preset-stage-2 --save-dev
还需要在.babelrc加上["stage-2"],如下:
9,如果使用axios需要装cnpm install axios -D
10,如果使用elmentui需要装install ,同时还需要装一下,且都需要在webpack.config.js里面test里面配置
"css-loader": "^0.25.0",
"file-loader": "^0.9.0",
"style-loader": "^0.18.2",
11,如果axios解决跨域,jsonp跨域,就可以$ npm install jsonp --save
https://github.com/axios/axios/blob/master/COOKBOOK.md#jsonp
react:
1,使用react需要用到脚手架 create react -app
2,使用之前需要装有node ,因为需要用到node的npm
3,安装的时候需要全局安装一个包,然后找个地方安装myapp
4,替换淘宝镜像 如下:
5,以后使用cnpm会更快一些。
6,如果使用router需要装install react-router
7,如果需要PropTypes 也需要intall,npm install --save prop-types //import PropTypes from 'prop-types'
8,如果使用redux也需要install
改变镜像:永久:
1,npm config get registry //查看当前是什么镜像
2,npm config set registry https://registry.npm.taobao.org //换成淘宝的镜像
3,npm install -g cnpm --registry=https://registry.npm.taobao.org //下载cnpm
4,cnpm -v //查看cnpm安装成功与否,以后级可以用了。
网友评论