前端开发环境基本建立（针对常用Vue和React的人群）

Node.js和Nvm，Npm（nrm管理npm源），Cnpm，Yarn

node.js建议先在官网（ https://nodejs.org/zh-cn/ ）下载，下载完了回车安装，建议装在c盘，装完了就会带有npm包管理工具

接着就要给npm切换国内镜像源了，否则贼慢，那么我们就先下载个nrm吧，来管理我们的源

我不推荐那种一条命令直接更改源的方法，我只推荐nrm，因为方便，因为你有可能需要npmjs来上传组件包！

npm install -g nrm nrm use taobao //切换成taobao源

安装了，源也切换了，那么我们来吧cnpm 和yarn 搞定吧

npm install -g cnpm --registry=https://registry.npm.taobao.org //详情可见官网

npm install -g yarn yarn config set registry https://registry.npm.taobao.org --global yarn config set disturl https://npm.taobao.org/dist --global

安装webpack，vue/react脚手架

1.安装cli3.0 cnpm install @vue/cli -g npm install @vue/cli -g yarn global add @vue/cli 2.安装 cli版本控制工具(调节工具) cnpm install @vue/cli-init -g npm install @vue/cli-init -g yard global add @vue/cli-init 3.安装cli2.0 cnpm install vue-cli -g npm install vue-cli -g yard global add vue-cli 3.0使用 vue create project/ . babel 2.0使用:vue init webpack :vue init webpack-simple app

http://www.root181.com/2019/06/19/vue%e9%a1%b9%e7%9b%ae%e5%bc%80%e5%8f%91%e6%b5%81%e7%a8%8b/#node

注意：一定要按照顺序来，否则就卸载脚手架重装吧，卸载方式

npm uninstall ~~~ yarn remove ~~~

vscode编辑器配置

可以根据这篇博客来

https://juejin.im/post/5bf36312f265da611204a05e

测试项目是否可以

如果是vue的话肯定是会有问题的

vue create 项目名 //这是cli3脚手架安装vue项目的方式

当我们选择了node-sass时，那么就有可能会报错，这个时候我们需要执行两条命令

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ npm config set registry https://registry.npm.taobao.org

注意：npm不是固定的，取决于你选择了什么来执行安装

react一般没啥问题

安装react脚手架 create-react-app

npm install -g create-react-app

创建项目

create-react-app my-app 或npx create-react-app my-app

React Vue web前端

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。