Configurer l'environnement pour créer un projet vue
1.Installer npm
Téléchargez la version Node.js correspondant à votre système informatique : Télécharger | Site Web chinois Node.js
Pour les étapes d'installation spécifiques, veuillez vous référer au lien de l'article de ce blogueur : Lien
Après avoir terminé l'installation en suivant les étapes ci-dessus, si npm -v
cette erreur se produit , veuillez vous référer à l'article de ce blogueur
npm WARN config global `--global`, `--local` are deprecated. Use `--location
2. Utilisez le miroir Taobao NPM
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
changed 369 packages in 9s
Une fois l'installation terminée, vous pouvez utiliser la commande cnpm pour installer le module.
3. Initialisation du projet
Installer vue-cli
npm install vue-cli -g //全局安装 vue-cli
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
added 230 packages, and audited 231 packages in 1m
9 packages are looking for funding
run `npm fund` for details
4 vulnerabilities (2 moderate, 2 high)
To address all issues (including breaking changes), run:
npm audit fix --force
Run `npm audit` for details.
vue -V vérifie si l'installation a réussi
vue -V//查看vue版本号
2.9.6
4. Créez un projet à partir de la ligne de commande
vue init webpack "test1"
Une fois la création terminée, exécutez la ligne de commande suivante
# Project initialization finished!
# ========================
To get started:
cd test1
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack
Après avoir exécuté npm run dev, une adresse apparaîtra avec le numéro de port 8080. Copiez cette adresse dans le navigateur et ouvrez-le.