Bagaimana untuk memasang dependensi dalam vuejs

Cara memasang dependensi dalam vuejs: 1. Pasang nod dan cnpm; arahan cd untuk masuk Dalam folder projek tertentu 5. Jalankan arahan "cnpm install" untuk memasang dependensi.

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

1. Persekitaran pembangunan

Persekitaran pembangunan yang disyorkan oleh Vue:

Node.js: persekitaran masa jalan javascript (masa jalan), Sistem yang berbeza secara langsung menjalankan pelbagai bahasa pengaturcaraan

npm: pengurus pakej di bawah Nodejs.

pak web: Tujuan utamanya adalah untuk menyediakan semua sumber statik yang perlu diterbitkan oleh penyemak imbas melalui sintaks CommonJS, seperti sumber penggabungan dan pembungkusan.

vue-cli: Templat projek Vue yang dijana pengguna

2. 🎜 > 1. Muat turun dan pasang nod dari tapak web rasmi node.js Proses pemasangan adalah sangat mudah. 2. Versi npm perlu lebih besar daripada 3.0 Jika lebih rendah daripada versi ini, anda perlu meningkatkannya:

3 Berdasarkan node.js, gunakan cermin npm Taobao untuk memasang kebergantungan yang berkaitan. Memandangkan penggunaan npm di China akan menjadi sangat perlahan, adalah disyorkan untuk menggunakan cermin NPM Taobao (http://npm.taobao.org/)

Selepas selesai, kita boleh menggunakan cnpm dan bukannya npm untuk pasang pakej bergantung .

# 查看版本
$ npm -v
2.3.0

#升级 npm
cnpm install npm -g

3. Pasang alat pembinaan perancah vue-cli

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

Pasang perancah vue-cli global untuk membantu membina rangka kerja templat yang diperlukan

4. Bina projek dengan vue-cli

$ cnpm install -g vue-cli
# 回车，等待安装...
$ vue
# 回车，若出现vue信息说明表示成功

5. Pasang kebergantungan

# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置，默认回车即可
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project
? Project description A Vue.js project
? Author runoob <test@runoob.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started:

     cd my-project
     npm install
     npm run dev

   Documentation can be found at https://vuejs-templates.github.io/webpack

dalam cmd

1. ). Masukkan: , tekan Enter, masukkan folder projek tertentu

2). folder, anda akan mendapati bahawa terdapat folder node_modules tambahan dalam struktur projek (kandungan fail ini adalah kebergantungan yang dipasang sebelum ini)

cd my-project（项目名） 6. Sama ada persekitaran ujian berjaya dibina

cnpm installKaedah 1: Masukkan dalam cmd:

Kaedah 2: Masukkan dalam penyemak imbas: localhost:8080 (port lalai ialah 8080)

Cadangan berkaitan: " vue .js tutorial

》

Atas ialah kandungan terperinci Bagaimana untuk memasang dependensi dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!