前端环境配置准备工作

一、安装nodejs
https://nodejs.org/en/
二、安装镜像文件,淘宝镜像,npm的服务器在国外,要想更快的访问到,可以安装cnpm
http://npm.taobao.org/
三、如果开发环境需要使用到vue,你需要
https://cn.vuejs.org/v2/guide/
cnpm i vue-cli -g 全局安装脚手架
vue init webpack-simple myapp 或者 vue init webpack myapp
前者安装的是简易版本的项目,后者安装的是完整版的
后者可以安装测试模块,路由模块
cnpm i vue-router -S 如果写的是-S 表示--save 表示安装到了项目依赖汇总 如果是-D 表示 --save-dev 表示安装到了开发依赖中
https://router.vuejs.org/zh-cn/
cnpm i axios fetch fetch-jsonp element-ui mint-ui -S
cnpm i vuex -S
https://vuex.vuejs.org/en/intro.html
四、如果开发环境需要使用到React,你需要
https://reactjs.org/
cnpm i create-react-app -g
cnpm i react react-dom react-router-dom -S
如果你需要使用react-router4,那么安装react-router-dom
https://www.npmjs.com/package/react-router-dom
如果是react-router3 则为cnpm i react-router@3 -S
https://www.npmjs.com/package/react-router
cnpm i antd antd-mobile -S
https://mobile.ant.design/index-cn
cnpm i redux react-redux flux -S
http://www.redux.org.cn/

五、常用开发编辑器
hbuilder 开发混合开发项目的首选利器,可以使用Dcloud公司所提供的hello mui 和h5+ api,可以快速构建移动端的项目,平常使用也是很爽的
sublime 常用的开发利器
Atom 安装必要的插件可以很方便的进行项目的调试
webstorm 开发angular项目很方便,可以快速构建项目,平常开发也是很方便的
vscode 也是我们常用的一款编辑器
notepad++ 浏览我们变成文件的利器,相比记事本来说更加的优秀
apicloud 使用apicloud开发混合开发项目的利器
...

猜你喜欢

转载自blog.csdn.net/ikdeer/article/details/80942242