@ -61,19 +61,19 @@ Depending on your network connection, this can take between 15-30 minutes.
### Do you have npm?
### Do you have Node.js?
The Blockstack code in this tutorial relies on the `npm` dependency manager.
Node.js v10 or higher is recommended the minimum supported version is Node.js v8. Before you begin, verify you have the correct version of Node.js and its tools installed.
Before you begin, verify you have installed `npm` using the `which` command to
verify.
```bash
```bash
$ which npm
$ node -v
v12.10.0
$ which npm npx
/usr/local/bin/npm
/usr/local/bin/npm
/usr/local/bin/npx
```
```
If you don't find `npm` in your system, [install
If you don't have these installed, take a moment to install or upgrade as needed.
it](https://www.npmjs.com/get-npm).
### Install the Blockstack test rig
### Install the Blockstack test rig
@ -120,33 +120,27 @@ In this section, you build an initial React.js application called
cd hello-blockstack
cd hello-blockstack
```
```
3. Use Yeoman and the Blockstack application generator to create your initial `hello-blockstack` application.
3. Use the Blockstack application generator to create your initial `hello-blockstack` application.
```bash
```bash
yo blockstack:react
$ npx generator-blockstack --react
```
npx: installed 338 in 13.792s
create package.json
create .gitignore
create webpack.config.js
create netlify.toml
create firebase.json
...
I'm all done. Running npm install for you to install the required dependencies. If this fails, try running the command yourself.
@ -20,7 +20,7 @@ decentralized, server-less application. You work through the following sections:
For this tutorial, we will use the following tools:
For this tutorial, we will use the following tools:
- `npm` to manage dependencies and scripts
- Node.js v10 or higher is recommended the minimum supported version is Node.js v8.
- `browserify` to compile node code into browser-ready code
- `browserify` to compile node code into browser-ready code
- `blockstack.js` to authenticate the user and work with the user's identity/profile information
- `blockstack.js` to authenticate the user and work with the user's identity/profile information
@ -38,16 +38,17 @@ When complete, the app is capable of the following:
The basic identity and storage services are provided by `blockstack.js`. To test
The basic identity and storage services are provided by `blockstack.js`. To test
the application, you need to have already registered a Blockstack ID.
the application, you need to have already registered a Blockstack ID.
The tutorial relies on the `npm` dependency manager. Before you begin, verify
Before you begin, verify you have the correct version of Node.js and its tools installed.
you have installed `npm` using the `which` command to verify.
```bash
```bash
$ which npm
$ node -v
v12.10.0
$ which npm npx
/usr/local/bin/npm
/usr/local/bin/npm
/usr/local/bin/npx
```
```
If you don't find `npm` in your system, [install
If you don't have these installed, take a moment to install or upgrade as needed.
it](https://www.npmjs.com/get-npm).
Finally, make sure you have [created at least one Blockstack ID]({{ site.baseurl }}/browser/ids-introduction.html#create-an-initial-blockstack-id). You'll use this ID to interact with the application.
Finally, make sure you have [created at least one Blockstack ID]({{ site.baseurl }}/browser/ids-introduction.html#create-an-initial-blockstack-id). You'll use this ID to interact with the application.
@ -76,44 +77,24 @@ In this section, you build an initial React.js application called `hello-world-t
3. Create your initial `hello-world-tutorial` application.
3. Create your initial `hello-world-tutorial` application.
```bash
```bash
$ npm create yo blockstack
$ npx generator-blockstack --react
npx: installed 15 in 1.482s
npx: installed 338 in 13.792s
```
create package.json
create .gitignore
You should see several interactive prompts.
create webpack.config.js
create netlify.toml
```bash
create firebase.json
$ yo blockstack
...
I'm all done. Running npm install for you to install the required dependencies. If this fails, try running the command yourself.
_-----_ ╭──────────────────────────╮
| | │ Welcome to the │
|--(o)--| │ Blockstack app │
`---------´ │ generator! │
( _´U`_ ) ╰──────────────────────────╯
/___A___\ /
| ~ |
__'.___.'__
´ ` |° ´ Y `
? Are you ready to build a Blockstack app? (Y/n)
```
4. Respond to the prompts to populate the initial app.
Follow the installation instructions to [download and XCode](https://developer.apple.com/xcode/) for your operating system.
Follow the installation instructions to [download and XCode](https://developer.apple.com/xcode/) for your operating system.
Depending on your network connection, this can take between 15-30 minutes.
Depending on your network connection, this can take between 15-30 minutes.
### Do you have npm?
### Do you have Node.js?
The Blockstack code in this tutorial relies on the `npm` dependency manager.
Node.js v10 or higher is recommended the minimum supported version is Node.js v8. Before you begin, verify you have the correct version of Node.js and its tools installed.
Before you begin, verify you have installed `npm` using the `which` command to
verify.
```bash
```bash
$ which npm
$ node -v
v12.10.0
$ which npm npx
/usr/local/bin/npm
/usr/local/bin/npm
/usr/local/bin/npx
```
```
If you don't find `npm` in your system, [install
If you don't have these installed, take a moment to install or upgrade as needed.
it](https://www.npmjs.com/get-npm).
### Install the CocoaPods 1.6.0.beta.1 dependency manager
### Install the CocoaPods 1.6.0.beta.1 dependency manager
@ -121,50 +121,32 @@ In this section, you build an initial React.js application called
cd hello-blockstack
cd hello-blockstack
```
```
3. Use Yeoman and the Blockstack application generator to create your initial `hello-blockstack` application.
3. Create your initial `hello-world-tutorial` application.
Moxiegirl
5 years ago
GitHub