sealegsの日記

http://www.sealegs.co.jp/の技術ブログです。

Windows環境にvue naticveを入れる

ネットを参考に

npm install -g create-react-native-cli

 を実行したら、怒られた。

npm ERR! 404 Not Found - GET https://registry.npmjs.org/create-react-native-cli

 

create-react-native-cli

はなくなり、

 

下記に統一されたそう。

https://github.com/expo/expo-cli/

 

npm install -g vue-native-cli

npm install vue-native-scripts

 npm install -g expo-cli

vue-native init hogeapp

cd hogeapp

npm start

 

この後、adb関係のエラーが出ましたが、

Android端末をusb接続し、Android Studioを接続し、deviceを認識させたら

expoのインストールがはじまりました。

 

ちなみに最初、下記で怒られたので、

Cannot find module 'vue-native-scripts'

下記を追加しました。

npm install vue-native-scripts

 

 

これでexpoで実機側に

Open up App.js to start working on your app!

が表示されました!

 

さらにApp.jsの中身に

下記を追加

 

import AppVue from './App.vue';

 

<View style={styles.container}>の中に

<AppVue />

を追加で

My Vue Native App

が表示され、Vueの読み込みもできました。