前端開(kāi)發(fā)環(huán)境基本建立（針對(duì)常用Vue和React的人群）

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

node.js建議先在官網(wǎng)（ https://nodejs.org/zh-cn/ ）下載，下載完了回車(chē)安裝，建議裝在c盤(pán)，裝完了就會(huì)帶有npm包管理工具

接著就要給npm切換國(guó)內(nèi)鏡像源了，否則賊慢，那么我們就先下載個(gè)nrm吧，來(lái)管理我們的源

我不推薦那種一條命令直接更改源的方法，我只推薦nrm，因?yàn)榉奖悖驗(yàn)槟阌锌赡苄枰猲pmjs來(lái)上傳組件包！

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

安裝了，源也切換了，那么我們來(lái)吧cnpm 和yarn 搞定吧

npm install -g cnpm --registry=https://registry.npm.taobao.org //詳情可見(jiàn)官網(wǎng)

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版本控制工具(調(diào)節(jié)工具) 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

注意：一定要按照順序來(lái)，否則就卸載腳手架重裝吧，卸載方式

npm uninstall ~~~ yarn remove ~~~

vscode編輯器配置

可以根據(jù)這篇博客來(lái)

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

測(cè)試項(xiàng)目是否可以

如果是vue的話肯定是會(huì)有問(wèn)題的

vue create 項(xiàng)目名 //這是cli3腳手架安裝vue項(xiàng)目的方式

當(dāng)我們選擇了node-sass時(shí)，那么就有可能會(huì)報(bào)錯(cuò)，這個(gè)時(shí)候我們需要執(zhí)行兩條命令

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

注意：npm不是固定的，取決于你選擇了什么來(lái)執(zhí)行安裝

react一般沒(méi)啥問(wèn)題

安裝react腳手架 create-react-app

npm install -g create-react-app

創(chuàng)建項(xiàng)目

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

React Vue web前端

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶(hù)投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶(hù)投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。