Fedoraで行こう! 〜しなやか編〜
それでは 今回は、Web Front Endに関するものを。 Vue.js を少しばかり。 on Fedora 29 今までと変わりなく、 Fedora で参ります。替えようがないのですけどね(笑) Fedora Kernel 4.20.13-200 Node.js v10.15.0 npm 6.4.1 NormalでInstallしたものです。これをベースに行っていきます。 By Vue-CLI 2.x まず、2.x系列から行ってまいりましょう。 $ npm i vue-cli まず、サクッと、CLI(Command Line Interface)をいれます。また、上記は、 4 npm install vue-cli と、キチンと記載をしてもよいです。次に、Projectを作成します。 $ ./node_modules/.bin/vue init webpack hello Vue-CLIをGlobalでInstallしたとしても、Pathを設定しないと、動作させられませんが、分かりやすくしております。また、 $ ./node_modules/vue-cli/bin/vue init webpack hello も同じことになります。質疑に答え終わると、一通りのDataが作成されます。 現状、そのまま動作させるところまでを主眼としているので、次に、動作させてみます。 $ cd hello $ npm run dev と実行すれば、ブラウザでアクセスしてね!という表示がなされるので、ブラウザで表示させてみてください。 また、「 npm run dev 」は、 package.json 内の scripts 項に記載させていて、 $ npm start と実行しても、同じ結果を得ることができます。 scripts 項には、いくつか記述があって、 $ npm test と実行すると、現行のFedoraの環境においては、 SecurityError: localStorage is not available for opaque origins なるErrorが発生し、上手く動作しません。そこで、「 test/unit/jest.conf.js 」に、以下の記述を追加して、実行してみてください。 ......