VSCDE配置uni-apの方法
CLI工事の大域設置vue-cli
npm install-g@vue/cli
cliでuni-ap項目を作成します。
vue create-p dcloudio/uni-prest-vue uni-ap
プロジェクトテンプレートを選択すると、下記の図のように自由に選択できます。👇
![](https://s1.md5.ltd/image/098eaafa2aadba99fb8da40d64f3d6b3.png)
![](https://s1.md5.ltd/image/7ad2ed55aa766b0c86dc7054dbadf23a.png)
vscodeを使って作成したプロジェクトを開きます。
![](https://s1.md5.ltd/image/6e0a34928c3adc53058ddc0b6014448e.jpg)
vue文法ヒントプラグインをインストールします。👇
![](https://s1.md5.ltd/image/12301ce5b9061452aee3feb80ef33bd8.png)
cliプロジェクトはuni-ap&5+apの文法提示を持参します。
コンポーネント文法ヒントのインストール
npm i@dcloudio/uni-helper-json
gitからuni-apコードブロックをダウンロードして、プロジェクトディレクトリの下に置くと、vscodeディレクトリはHBuiderXと同じコードブロックを持つことができます。
![](https://s1.md5.ltd/image/92bf05bf0c904fca622e869f843d93aa.png)
![](https://s1.md5.ltd/image/a7c5aedea5b6a410d29fb0a55afa0142.png)
scssスタイルを使う
npm run dev:%PLAFT FORM%
プロジェクトをリリース
npm run build:%PLART FORM%
![](https://s1.md5.ltd/image/ce4c734e0ba95247f5fd80c02c08b1f0.jpg)
HBuider Xプロジェクト HBuiderXによって作成されたプロジェクトは、デフォルトではtypesシンタックスのヒントを持たず、vscodeで編集するときは、自分で をインストールすることができます。初期化npm npm i@types/uni-app@types/httml 5 plus-D
uni-ap文法ヒントをインストールします。
npm i@types/uni-app@types/httml 5 plus-D
uni-apプロジェクトには、manifest.json、pages.jsonなどのファイルに注釈が含まれています。vscodeではjsocエディタに切り替えて開く必要があります。
![](https://s1.md5.ltd/image/4373509b52e935ad42e09ebeb1b7442f.jpg)
締め括りをつける
ここでVCodeのuni-appに関する記事を紹介します。VCodeのuni-appに関する内容は以前の文章を検索してください。または下記の関連記事を引き続きご覧ください。これからもよろしくお願いします。
npm install-g@vue/cli
cliでuni-ap項目を作成します。
vue create-p dcloudio/uni-prest-vue uni-ap
プロジェクトテンプレートを選択すると、下記の図のように自由に選択できます。👇
![](https://s1.md5.ltd/image/098eaafa2aadba99fb8da40d64f3d6b3.png)
![](https://s1.md5.ltd/image/7ad2ed55aa766b0c86dc7054dbadf23a.png)
vscodeを使って作成したプロジェクトを開きます。
![](https://s1.md5.ltd/image/6e0a34928c3adc53058ddc0b6014448e.jpg)
vue文法ヒントプラグインをインストールします。👇
![](https://s1.md5.ltd/image/12301ce5b9061452aee3feb80ef33bd8.png)
cliプロジェクトはuni-ap&5+apの文法提示を持参します。
コンポーネント文法ヒントのインストール
npm i@dcloudio/uni-helper-json
gitからuni-apコードブロックをダウンロードして、プロジェクトディレクトリの下に置くと、vscodeディレクトリはHBuiderXと同じコードブロックを持つことができます。
![](https://s1.md5.ltd/image/92bf05bf0c904fca622e869f843d93aa.png)
![](https://s1.md5.ltd/image/a7c5aedea5b6a410d29fb0a55afa0142.png)
scssスタイルを使う
# node-sass
npm install node-sass
# sass-loader, 7.3.1 , ,
# cnpm
cnpm install [email protected]
プロジェクトを実行npm run dev:%PLAFT FORM%
プロジェクトをリリース
npm run build:%PLART FORM%
%PLATFORM%
オプションの値は、package.jsonのscriptsを参照してください。![](https://s1.md5.ltd/image/ce4c734e0ba95247f5fd80c02c08b1f0.jpg)
HBuider Xプロジェクト
uni-ap文法ヒントをインストールします。
npm i@types/uni-app@types/httml 5 plus-D
uni-apプロジェクトには、manifest.json、pages.jsonなどのファイルに注釈が含まれています。vscodeではjsocエディタに切り替えて開く必要があります。
![](https://s1.md5.ltd/image/4373509b52e935ad42e09ebeb1b7442f.jpg)
締め括りをつける
ここでVCodeのuni-appに関する記事を紹介します。VCodeのuni-appに関する内容は以前の文章を検索してください。または下記の関連記事を引き続きご覧ください。これからもよろしくお願いします。