Mac系统下React项目位置设置：如何创建至iCloud Drive的Webs文件夹

Hey there! Since you're new to React and want to target the "Webs" folder in iCloud Drive for your new project, here are two straightforward methods to do this on Mac:

Method 1: Navigate to the Folder First #

This is the most intuitive approach if you prefer working from the target directory:

1. Open your Terminal app.
2. Navigate to your iCloud Drive's "Webs" folder using this command (note the escaped space or use quotes to handle spaces in the path):

   cd ~/Library/Mobile\ Documents/com~apple~CloudDocs/Webs
   # Or alternatively, use quotes to avoid escaping spaces:
   cd "~/Library/Mobile Documents/com~apple~CloudDocs/Webs"
   

3. Now run the React project creation command as you would normally:

   create-react-app my-app
   

4. Once the project is created, enter the project folder and start the dev server:

   cd my-app
   npm start
   

Method 2: Specify the Full Path Directly #

If you don't want to navigate first, you can pass the full target path directly to create-react-app:

1. Open Terminal and run this command (again, handle spaces properly):

   create-react-app ~/Library/Mobile\ Documents/com~apple~CloudDocs/Webs/my-app
   # Or with quotes:
   create-react-app "~/Library/Mobile Documents/com~apple~CloudDocs/Webs/my-app"
   

2. To enter the project folder afterward, use:

   cd ~/Library/Mobile\ Documents/com~apple~CloudDocs/Webs/my-app
   

3. Start the dev server with:

   npm start
   

Pro Tip: Shorten the Path with a Symlink #

If you find the iCloud Drive path too long to type repeatedly, you can create a symbolic link (shortcut) in your home directory:

ln -s ~/Library/Mobile\ Documents/com~apple~CloudDocs/Webs ~/Webs

After this, you can simply use cd ~/Webs to jump to your target folder, or create projects with create-react-app ~/Webs/my-app—much quicker!

内容的提问来源于stack exchange，提问作者Jack_Carver