????這里簡單說明一下在Windows系統(tǒng)下開發(fā)SpringCloud項目所需要的的基本環(huán)境，這里只說明開發(fā)過程中基礎必須的軟件，其他擴展功能(Docker增蹭，k8s，MinIO辆脸，XXL-JOB，EKL，Keepalived，Nginx骗炉，RabbitMQ，Kafka等)用到的軟件會在具體使用時詳細說明材失，本地開發(fā)的環(huán)境軟件以Windows版本的安裝配置為例痕鳍，數(shù)據(jù)庫等中間件以Linux(CentOS7)的安裝配置為例硫豆，其他系統(tǒng)Mac/Linux可自行配置龙巨。
????后端開發(fā)需要準備的環(huán)境及軟件有：JDK 1.8+笼呆，Maven 3.6.3+，Mysql 5.7.11+旨别，Redis 5.0+诗赌，Nacos 1.4.0+，Sentinel 1.8.0+秸弛，IntelliJ IDEA 2020.2.1
????前端開發(fā)需要準備的環(huán)境及軟件有：Node.js 15.9.0+铭若，npm/cnpm/yarn，Visual Studio Code
????實際上環(huán)境軟件可以使用Docker安裝递览，更加簡單方便叼屠，如果說自己為了更詳細地了解各項配置及安裝原理，還是通過軟件包一步步安裝配置（這里暫不深入討論數(shù)據(jù)庫绞铃、消息中間件等應不應該使用Docker安裝的問題）镜雨，以下為詳細安裝操作步驟，不是小白請略過...
后端開發(fā)所需環(huán)境及軟件安裝步驟：
一儿捧、安裝JDK
????2019年4月16日荚坞，Oracle發(fā)布了Oracle JDK的8u211和8u 212兩個版本（屬于JDK8系列），并從這兩個版本開始將JDK的授權(quán)許可從BCL換成了OTN菲盾，也就是從這兩個版本開始商用收費颓影。當然，個人開發(fā)和測試并不會收費懒鉴，那么商用環(huán)境我們可以有兩個選擇: 下載之前的版本(2019年1月15日發(fā)布的Oracle JDK 8u201和8u202)進行使用或者選擇使用OpenJDK诡挂。目前我們一般的做法是在本地開發(fā)環(huán)境使用Oracle JDK ，在測試環(huán)境和正式環(huán)境中使用OpenJDK临谱。為了保持使用的特性一致咆畏，需選擇合適的版本。
我們這里在開發(fā)過程中選擇使用Oracke JDK, Oracle JDK官網(wǎng)下載選擇頁面已標注好8u211后面的版本和8u202之前的版本方便下載吴裤，https://www.oracle.com/java/technologies/oracle-java-archive-downloads.html
- 選擇JDK免費版進行下載旧找，根據(jù)自己合適的Windows系統(tǒng)版本下載，我這里選擇Windows x64版本麦牺，提前做好Oracke JDK網(wǎng)站的系統(tǒng)注冊和登錄钮蛛，否則在下載過程中會提示登錄，選擇頁面：
Oracle JDK下載頁 -
雙擊下載的Oracle JDK進行安裝剖膳，根據(jù)提示一步步地點擊下一步即可：
安裝1
安裝2
安裝3
安裝4
安裝5
安裝6 -
配置環(huán)境變量：
在系統(tǒng)環(huán)境變量中添加JAVA_HOME和 CLASSPATH魏颓，并將JAVA的bin目錄加入到path中
環(huán)境變量1
環(huán)境變量2 -
驗證是否安裝配置成功:
運行 -> cmd命令窗口，在命令行中輸入：java -version吱晒，下面出現(xiàn)版本信息說明安裝配置成功甸饱。
Java版本信息
二、安裝Maven
????我們的SpringCloud項目使用Maven進行構(gòu)建和依賴管理，Maven 的 Snapshot 版本與 Release 版本：1叹话、Snapshot 版本代表不穩(wěn)定偷遗、尚處于開發(fā)中的版本；2驼壶、Release 版本則代表穩(wěn)定的版本氏豌。Gradle 作為構(gòu)建工具最近幾年也比流行，和Maven比較各有優(yōu)缺點吧热凹，如果說哪一個比較好泵喘，這個仁者見仁智者見智，我們這里仍選擇Maven進行項目構(gòu)建般妙。
- 下載安裝：
Maven(http://maven.apache.org/download.cgi)需要JDK的支持纪铺，我們這里選擇最新的Manven版本3.6.3，需要JDK1.7以上的支持碟渺，JDK的安裝以及配置在上面我們已經(jīng)完成霹陡。 下載Maven的zip包: apache-maven-3.6.3-bin.zip
Maven下載頁 -
配置環(huán)境：
在系統(tǒng)環(huán)境變量中添加 M2_HOME 和 MAVEN_HOME，最后在PATH中添加Maven的bin目錄: %MAVEN_HOME%\bin
M2_HOME 和 MAVEN_HOME
path -
驗證是否安裝配置成功:
運行 -> cmd命令窗口止状，在命令行中輸入：mvn -version 烹棉，如下圖所示，展示版本信息說明安裝配置成功怯疤。
Maven版本信息 - 注冊阿里云私服并獲取私服倉庫地址：
我們可以選擇安裝Nexus作為Maven倉庫管理器浆洗，也可以使用阿里云提供的Maven私服，配置方式都是一樣的集峦，這里我們選擇使用阿里云的Maven私服伏社，如果是企業(yè)使用，這里建議申請私有倉庫：
阿里Maven倉庫
私有倉庫
私有倉庫地址
5塔淤、配置Maven私服地址和本地倉庫路徑摘昌，請按下面的注釋進行替換為自己的私有倉庫信息。
<?xml version="1.0" encoding="UTF-8"?>
<settings xmlns="http://maven.apache.org/SETTINGS/1.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/SETTINGS/1.0.0 http://maven.apache.org/xsd/settings-1.0.0.xsd">
<!--請?zhí)鎿Q為自己本地的倉庫地址-->
<localRepository>D:\maven\repository</localRepository>
<mirrors>
<mirror>
<id>mirror</id>
<mirrorOf>!rdc-releases,!rdc-snapshots</mirrorOf>
<name>mirror</name>
<url>http://maven.aliyun.com/nexus/content/groups/public</url>
</mirror>
</mirrors>
<servers>
<server>
<id>rdc-releases</id>
<username>用戶名/密碼請?zhí)鎿Q為自己阿里云倉庫的</username>
<password>用戶名/密碼請?zhí)鎿Q為自己阿里云倉庫的</password>
</server>
<server>
<id>rdc-snapshots</id>
<username>用戶名/密碼請?zhí)鎿Q為自己阿里云倉庫的</username>
<password>用戶名/密碼請?zhí)鎿Q為自己阿里云倉庫的</password>
</server>
</servers>
<profiles>
<profile>
<id>nexus</id>
<repositories>
<repository>
<id>central</id>
<url>http://maven.aliyun.com/nexus/content/groups/public</url>
<releases>
<enabled>true</enabled>
</releases>
<snapshots>
<enabled>false</enabled>
</snapshots>
</repository>
<repository>
<id>snapshots</id>
<url>http://maven.aliyun.com/nexus/content/groups/public</url>
<releases>
<enabled>false</enabled>
</releases>
<snapshots>
<enabled>true</enabled>
</snapshots>
</repository>
<repository>
<id>rdc-releases</id>
<!--下面的url替換為自己的阿里云私服地址-->
<url>替換為自己的阿里云私服地址</url>
<releases>
<enabled>true</enabled>
</releases>
<snapshots>
<enabled>false</enabled>
</snapshots>
</repository>
<repository>
<id>rdc-snapshots</id>
<url>替換為自己的阿里云私服地址</url>
<releases>
<enabled>false</enabled>
</releases>
<snapshots>
<enabled>true</enabled>
</snapshots>
</repository>
</repositories>
<pluginRepositories>
<pluginRepository>
<id>central</id>
<url>http://maven.aliyun.com/nexus/content/groups/public</url>
<releases>
<enabled>true</enabled>
</releases>
<snapshots>
<enabled>false</enabled>
</snapshots>
</pluginRepository>
<pluginRepository>
<id>snapshots</id>
<url>http://maven.aliyun.com/nexus/content/groups/public</url>
<releases>
<enabled>false</enabled>
</releases>
<snapshots>
<enabled>true</enabled>
</snapshots>
</pluginRepository>
<pluginRepository>
<id>rdc-releases</id>
<!--下面的url替換為自己的阿里云私服地址-->
<url>替換為自己的阿里云私服地址</url>
<releases>
<enabled>true</enabled>
</releases>
<snapshots>
<enabled>false</enabled>
</snapshots>
</pluginRepository>
<pluginRepository>
<id>rdc-snapshots</id>
<!--下面的url替換為自己的阿里云私服地址-->
<url>替換為自己的阿里云私服地址</url>
<releases>
<enabled>false</enabled>
</releases>
<snapshots>
<enabled>true</enabled>
</snapshots>
</pluginRepository>
</pluginRepositories>
</profile>
</profiles>
<activeProfiles>
<activeProfile>nexus</activeProfile>
</activeProfiles>
</settings>
三高蜂、安裝Mysql
????這里介紹在CentOS7上通過安裝通用預編譯包方式安裝MySql數(shù)據(jù)庫：
- 增加用戶名和用戶組 ：
#groupadd mysql
#useradd -r -g mysql mysql ---新建msyql 用戶禁止登錄shell
- 下載聪黎、解壓MySQL通用編譯包：
#wget ftp://ftp.mirrorservice.org/sites/ftp.mysql.com/Downloads/MySQL-5.7/mysql-5.7.11-linux-glibc2.5-x86_64.tar.gz
#cd /usr/local/ ---切換到存放源碼包所在目錄（這里也是安裝目錄）
#tar -xvf mysql-5.7.11-linux-glibc2.5-x86_64.tar.gz ---在當前目錄解壓通用編譯包
#ln -s /usr/local/mysql-5.7.11-linux-glibc2.5-x86_64.tar.gz mysql ---建立軟鏈接mysql 方便操作
- 設置權(quán)限并初始化MySQL系統(tǒng)授權(quán)表：
#cd mysql ---進入軟鏈接目錄
#mkdir /usr/local/mysql/data ---新建數(shù)據(jù)目錄
#chmod 770 /usr/local/mysql/data ---更改data目錄權(quán)限為770
#chown -R mysql. ---更改所有者，注意是mysql.
#chgrp -R mysql. ---更改所屬組备恤，注意是mysql.
#bin/mysqld —initialize -user=mysql -basedir=/usr/local/mysql --datadir=/usr/local/mysql/data ---以root 初始化操作時要加--user=mysql參數(shù)稿饰，生成一個隨機的密碼（保存登錄時使用）
#chown -R root. ---更改所有者，注意是root.
#chown -R mysql /usr/local/mysql/data ---更改data目錄所有者為mysql
- 創(chuàng)建配置文件并后臺啟動MySQL
# mv/etc/my.cnf /etc/my.cnf.bak ---my.cnf 改名或刪除（默認的my.cnf 會影響mysql 啟動）
#cd /usr/local/mysql/support-files ---進入MySQL 安裝目錄支持文件目錄
#cp my-default.cnf/etc/my.cnf ---復制模板為新的配置文件露泊，根據(jù)需要修改文件中配置選 項如不修改配置MySQL則按默認配置參數(shù)運行喉镰。
#/usr/local/mysql/bin/mysqld_safe --user=mysql & ---后臺啟動mysql
- 配置MySQL自動啟動
#cp /usr/local/mysql/support-files/mysql.server /etc/init.d/mysql ---復制啟動文件
#chmod 755 /etc/init.d/mysql ---增加執(zhí)行權(quán)限
#chkconfig -add mysql ---加入自動啟動項
#chkconfig --level 345 mysql on ---設置MySQL 在345 等級自動啟動 ***把服務文件放到/etc/init.d/目錄下面相當于改為了rpm包安裝的服務使用方式。
- 配置MySQL系統(tǒng)環(huán)境變量
#vi /etc/profile ---編輯/etc/profile文件在最后添加如下兩行：
PATH=/usr/local/mysql/bin:$PATH
export PATH ---不加登錄mysql 時會報錯“-bash: mysql: command not found”
#source /etc/profile ---使環(huán)境變量及時生效
- 啟動MySQL服務
#/usr/local/mysql/support-files/mysql.server start ---啟動mysql服務
#/usr/local/mysql/support-files/mysql.server restart ---重啟mysql
#/usr/local/mysql/support-files/mysql.server stop ---停止mysql服務
也可以用service mysql start或systemctl start mysql這樣的rpm服務命令惭笑，還可以使用絕對路徑/etc/init.d/mysql start來啟動mysql侣姆，因為上面已經(jīng)把啟動方式改為了rpm服務啟動方式生真。
- 訪問MySQL數(shù)據(jù)庫
#mysql -u root-p ---連接mysql，輸入初始化時生成的密碼
mysql> alter user 'root^'localhost' identified by '123456'; ---修改root 新密碼
mysql> quit; ---退出也可用exit;
# mysql -u root -p ---提示輸入密碼時輸入新設置的密碼登錄
mysql>use mysql; ---訪問數(shù)據(jù)庫mysql
mysql>GRANT ALL ON *.* TO 'root'@'%' IDENTIFIED BY '密碼' WITH GRANT OPTION; ---創(chuàng)建可以遠程鏈接的用戶
- 創(chuàng)建SSL/RSA文件
#cd /usr/local/mysql/bin ---切換目錄
#mysql_ssl_rsa_setup -user=mysql -basedir=/usr/local/mysql --datadir=/usr/local/mysql/data ---創(chuàng)建新的SSL文件
- MySQL默認區(qū)分大小寫捺宗，需要修改配置文件使其不區(qū)分大小寫
在/etc/my.cnf中的[mysqld]后加入下面一行柱蟀，并重啟MySQL
lower_case_table_names=1
11、常見問題及解決方式：
a偿凭、登錄時報錯
#myslq -u root -p
報錯： ERROR 1045 (28000):
Access denied for user 'root'local host' (using password: NO)---(不輸入密碼時）ERROR 1045 (28000):
Access denied for user ,root,@,localhost, (using password: YES)---(輸入密碼時）
解決方式:
#/etc/init.d/mysql stop ---停止mysql 服務
#mysqld_safe -skip-grant-tables -skip-networking & ---跳過權(quán)限表控制，跳過TCP/IP 協(xié)議在本機訪問
#mysql -u root -p mysql ---提示輸入密碼時直接到 7 丨（
mysql>update user set authentication_string=password('123456,) where user='root'; --修改密碼派歌，在 MySQL5.7.9中密碼字段名是authentication_string 而不是原來的password 了弯囊。
mysql> flush privileges; ---刷新MySQL的系統(tǒng)權(quán)限相關(guān)表使其生效
mysql> quit; ---退出mysql
#/etc/init.d/mysqld restart ---重啟mysql 服務
b、訪問數(shù)據(jù)庫時報錯
#myslq -u root -p ---提示輸入密碼時輸入新設置的密碼
mysql>use mysql;
報錯： ERROR 1820 (HY000): You must SET PASSWORD before executing this statement
解決方式：
mysql>alteruseruser() identifiedby '123456'; ---再重新設置下密碼胶果，注意方法與之前5.6版本的“SET PASSWORD = PASSWORD('new_password'}/MH
c匾嘱、啟動MySQL服務報錯
#systemctl start mysql
報錯： Starting MySQL.. ERROR! The server quit without updating PID file (/usr/local/mysql/data/localhost.localdomain.pid).
解決方式：
初始化沒有指定路徑參數(shù)造成的加上參數(shù)即可
#cd /usr/local/mysql
#bin/mysqld -initialize-user=mysql -basedir=/usr/local/mysql -datadir=/usr/local/mysql/data
d、使用druid作為數(shù)據(jù)庫連接池時早抠，密碼加密（找到maven目錄下的druid包）
java -cp druid-1.0.14.jar com.alibaba.druid.filter.config.ConfigTools you_password
四霎烙、安裝Redis
????下面是在CentOS7中安裝Redis的操作步驟，在命令行執(zhí)行以下命令：
- 下載并解壓Redis安裝包
wget http://download.redis.io/releases/redis-5.0.5.tar.gz
cd /opt/software/
tar zxf redis-5.0.5.tar.gz -C /usr/local/src
- 編譯并安裝Redis
cd /usr/local/src/redis-5.0.5
make && make install
ln -s /usr/local/src/redis-5.0.5 /usr/local/redis
- 修改Redis配置文件
vi /usr/local/redis/redis.conf
#修改內(nèi)容如下：
daemonize yes #開啟后臺運行
timeout 120 #超時時間
bind 0.0.0.0 #任何地址IP都可以登錄redis
requirepass 123456 #redis密碼123456
- 啟動Redis
cd /usr/local/redis/src
./redis-server /usr/local/redis/redis.conf
- 測試安裝配置是否成功
redis-cli -h 127.0.0.1 -p 6379 -a 123456
127.0.0.1:6379> KEYS * (empty list or set)
127.0.0.1:6379> set user ray
OK
127.0.0.1:6379> KEYS *
1) "user"
常見問題：
redis不能遠程連接時蕊连，可能是防火墻的問題悬垃，關(guān)閉防火墻或者開放對應的redis端口即可
五、安裝Nacos
????Nacos是一個更易于構(gòu)建云原生應用的動態(tài)服務發(fā)現(xiàn)甘苍、配置管理和服務管理平臺尝蠕，Nacos 致力于幫助您發(fā)現(xiàn)、配置和管理微服務载庭。Nacos 提供了一組簡單易用的特性集看彼，幫助您快速實現(xiàn)動態(tài)服務發(fā)現(xiàn)、服務配置囚聚、服務元數(shù)據(jù)及流量管理靖榕。
- Nacos發(fā)布地址：https://github.com/alibaba/nacos/releases，從里面選擇需要的版本顽铸，這里選擇1.4.0版本茁计，下載地址為：https://github.com/alibaba/nacos/releases/download/1.4.0/nacos-server-1.4.0.tar.gz。
Nacos發(fā)布地址 - 下載完成后谓松，上傳到測試Linux服務器解壓簸淀。（如果只想本地windows安裝，可以下載nacos-server-1.4.0.zip毒返，解壓后使用方法基本一致）
[root@localhost soft_home]# cd nacos
[root@localhost nacos]# ls
nacos-server-1.4.0.tar.gz
[root@localhost nacos]# tar -zxvf nacos-server-1.4.0.tar.gz
nacos/LICENSE
nacos/NOTICE
nacos/target/nacos-server.jar
nacos/conf/
nacos/conf/schema.sql
nacos/conf/nacos-mysql.sql
nacos/conf/application.properties.example
nacos/conf/nacos-logback.xml
nacos/conf/cluster.conf.example
nacos/conf/application.properties
nacos/bin/startup.sh
nacos/bin/startup.cmd
nacos/bin/shutdown.sh
nacos/bin/shutdown.cmd
[root@localhost nacos]# ls
nacos nacos-server-1.4.0.tar.gz
[root@localhost nacos]# cd nacos
[root@localhost nacos]# ls
bin conf LICENSE NOTICE target
[root@localhost nacos]# cd bin
[root@localhost bin]# ls
shutdown.cmd shutdown.sh startup.cmd startup.sh
[root@localhost bin]# pwd
/usr/local/nacos/nacos/bin
[root@localhost bin]#
- 修改配置文件的數(shù)據(jù)庫連接租幕，修改為自己實際的數(shù)據(jù)
#*************** Config Module Related Configurations ***************#
### If use MySQL as datasource:
spring.datasource.platform=mysql
### Count of DB:
db.num=1
### Connect URL of DB:
db.url.0=jdbc:mysql://127.0.0.1:3306/nacos?characterEncoding=utf8&connectTimeout=1000&socketTimeout=3000&autoReconnect=true&useUnicode=true&useSSL=false&serverTimezone=UTC
db.user=nacos
db.password=nacos
- 在數(shù)據(jù)庫中刷入/nacos/conf目錄下的nacos-mysql.sql數(shù)據(jù)庫腳本，如果需要其他配置或者了解使用方式可以訪問官網(wǎng)拧簸，官網(wǎng)地址：https://nacos.io/zh-cn/docs/quick-start.html劲绪。
- 進入到bin目錄下直接執(zhí)行sh startup.sh -m standalone。
[root@localhost bin]# sh startup.sh -m standalone
/usr/java/jdk1.8.0_77/bin/java -server -Xms2g -Xmx2g -Xmn1g -XX:MetaspaceSize=128m -XX:MaxMetaspaceSize=320m -XX:-OmitStackTraceInFastThrow -XX:+HeapDumpOnOutOfMemoryError -XX:HeapDumpPath=/usr/local/nacos/nacos/logs/java_heapdump.hprof -XX:-UseLargePages -Dnacos.member.list= -Djava.ext.dirs=/usr/java/jdk1.8.0_77/jre/lib/ext:/usr/java/jdk1.8.0_77/lib/ext -Xloggc:/usr/local/nacos/nacos/logs/nacos_gc.log -verbose:gc -XX:+PrintGCDetails -XX:+PrintGCDateStamps -XX:+PrintGCTimeStamps -XX:+UseGCLogFileRotation -XX:NumberOfGCLogFiles=10 -XX:GCLogFileSize=100M -Dloader.path=/usr/local/nacos/nacos/plugins/health,/usr/local/nacos/nacos/plugins/cmdb -Dnacos.home=/usr/local/nacos/nacos -jar /usr/local/nacos/nacos/target/nacos-server.jar --spring.config.location=file:/usr/local/nacos/nacos/conf/,classpath:/,classpath:/config/,file:./,file:./config/ --logging.config=/usr/local/nacos/nacos/conf/nacos-logback.xml --server.max-http-header-size=524288
nacos is starting with cluster
nacos is starting，you can check the /usr/local/nacos/nacos/logs/start.out
6贾富、服務啟動之后歉眷，可以訪問http://ip:8848/nacos訪問管理后臺，默認用戶名密碼：nacos/nacos
六颤枪、安裝Sentinel
- 下載Sentinel發(fā)布版本汗捡，地址https://github.com/alibaba/Sentinel/releases
- 將下載的jar包sentinel-dashboard-1.8.0.jar上傳到CentOS7服務器，Sentinel 是一個標準的 Spring Boot 應用畏纲，以 Spring Boot 的方式運行 jar 包即可扇住，執(zhí)行啟動命令
nohup java -Dserver.port=8086 -Dproject.name=sentinel-dashboard -jar sentinel-dashboard-1.8.0.jar >/dev/null &
3、在瀏覽器輸入測試的http://ip:8086 即可訪問登錄界面盗胀，默認用戶名密碼為sentinel/sentinel
4艘蹋、至此，一個簡單的Sentinel就部署成功了票灰，其他更詳細功能及使用方式請參考：https://github.com/alibaba/Sentinel/wiki/%E4%BB%8B%E7%BB%8D
七女阀、安裝IntelliJ IDEA
????后臺Java代碼我們使用目前最流行的IntelliJ IDEA進行開發(fā)
-
下載需要的安裝包，IntelliJ IDEA下載屑迂，雙擊安裝浸策，一直點擊下一步，盡量修改一下安裝目錄惹盼，不要安裝在C盤即可的榛。
安裝第一步
安裝第二步
安裝第三步
安裝第四步 想辦法獲取到注冊碼
-
配置默認的Maven和JDK路徑
Settings
Maven配置
IDEA默認會讀取到系統(tǒng)配置的JDK環(huán)境變量，具體項目可通過File -> Project Structure進行配置逻锐。
-
通過插件中心夫晌，安裝Lombok，MybatisX, Save Actions, Eclipse Code Formatter插件,后面會詳細介紹幾款插件的用法：
插件安裝
前端開發(fā)所需環(huán)境及軟件安裝步驟：
一昧诱、安裝Node.js
????如果是剛接觸Vue的話晓淀，建議學習一下vue-element-admin系列文章，介紹得很詳細盏档，雖然ElementUI已經(jīng)不更新了凶掰，但是這位前端大神寫的文檔比AntDesignVue文檔高好幾個層級，AntDesignVue適合掌握一定Vue能力的人去使用學習蜈亩。
-
Node.js下載地址：https://nodejs.org/en/download/releases/
Node.js下載頁
Node.js下載頁 -
雙擊安裝包懦窘，一步步點擊下一步即可
安裝1
安裝2
安裝3
安裝4
安裝5
安裝6 -
檢查是否安裝成功
運行 -> cmd命令窗口 ,在命令行中輸入 node -v ，顯示node版本信息表示安裝成功
查看版本 npm切換阿里源
命令行中執(zhí)行如下命令
npm config set registry https://registry.npm.taobao.org/
- 安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 安裝yarn
npm install -g yarn
yarn config set registry `https://registry.npm.taobao.org -g`
這里之所以cnpm和yarn都安裝稚配，是因為其各有優(yōu)缺點畅涂，在使用的時候選擇自己習慣的即可。
二道川、安裝VSCode
????Visual Studio Code (簡稱 VSCode / VSC) 是一款免費開源的現(xiàn)代化輕量級代碼編輯器午衰，支持幾乎所有主流的開發(fā)語言的語法高亮立宜、智能代碼補全、自定義熱鍵臊岸、括號匹配橙数、代碼片段、代碼對比 Diff帅戒、Git 等特性灯帮，支持插件擴展，并針對網(wǎng)頁開發(fā)和云端應用開發(fā)做了優(yōu)化逻住。
- 下載合適的VSCode安裝包钟哥，下載地址
VSCode下載頁 - 我們這里選擇的是.zip解壓版，下載解壓后就可使用鄙信。
- 安裝插件瞪醋，打開VSCode忿晕，點擊左側(cè)下面的擴展按鈕装诡，選擇需要的插件進行安裝
漢化插件： Chinese (Simplified) Language Pack for Visual Studio Code
代碼檢查/格式化工具： ESLint
Html/js/css進行格式化對齊顯示: Beautify
Vue開發(fā)工具 : Vetur - 配置ESLint自動檢測格式化前端代碼
在我們使用的前端框架中，已經(jīng)生成eslint 相關(guān)的配置文件.eslintignore和.eslintrc.js践盼，當我們編輯代碼保存時鸦采，ESlint插件會將我們的代碼自動按照配置好的格式進行格式化，這里介紹在VSCode中如何配置使用Eslint咕幻。
修改VSCode配置渔伯，文件->首選項->設置，在設置頁,點擊右上角第一個按鈕肄程，打開setting.json锣吼，修改內(nèi)容為：
{
//保存自動格式化
"editor.formatOnSave": true,
//autoFixedOnSave 設置已廢棄，采用如下新的設置
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
//.vue文件template格式化支持蓝厌，并使用js-beautify-html插件
"vetur.format.defaultFormatter.html": "js-beautify-html",
// js-beautify-html格式化配置玄叠，屬性強制換行
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned"
}
},
//后面不添加逗號
"vetur.format.defaultFormatter.js": "vscode-typescript",
//方法后面加空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"files.autoSave": "off",
"eslint.format.enable": true,
//autoFix默認開啟，只需輸入字符串數(shù)組即可
"eslint.validate": [
"javascript",
"javascriptreact",
"vue",
"html",
"vue-html"
],
"eslint.run": "onSave"
}
????以上基本開發(fā)環(huán)境配置操作完成拓提，接下來就可以進行編碼開發(fā)了读恃。
GitEgg-Cloud是一款基于SpringCloud整合搭建的企業(yè)級微服務應用開發(fā)框架，開源項目地址:
Gitee: https://gitee.com/wmz1930/GitEgg
GitHub: https://github.com/wmz1930/GitEgg
歡迎感興趣的小伙伴Star支持一下代态。
