Crear un marco de proyecto vue

1. Pasos de uso

1. Importar la biblioteca

先安装node.js

Nodo.js

2. Verifique la versión de node.js

E:\daima\vue\vue elemento>npm -v
8.15.0

3. Leer datos

Instalar andamios a nivel mundial

E:\daima\vue\vue项目>npm install --global vue-cli

npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: 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 [email protected]: This package has been deprecated in favour of @vue/cli
npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142

added 230 packages, and audited 231 packages in 1m

11 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.

4.Crear proyecto

E:\daima\vue\vue item>vue init webpack lixks

5. Ingresa al proyecto

E:\daima\vue\vue elemento>cd lixks

6. Ejecute el proyecto

npm ejecutar desarrollador

7. Error de operación

PS E:\daima\vue\vue项目\links> npm run dev

> [email protected] dev
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序
或批处理文件。

Solución:

Por lo general, la versión del paquete web es incorrecta.

原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好
webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低
（1）、npm uninstall webpack-dev-server
（2）、npm install [email protected]
（3）、npm run dev

Si el método anterior no funciona, verifique las siguientes razones

===================
如何执行npm uninstall webpack-dev-server 也报错的话只能用下面方法了
原因是你的node_modules有意外改动，导致依赖库不完整。
解决：
1.删除项目下的node_modules
2.在项目目录下重新执行npm install 或者cnpm install，会重新生成node_modules
3.执行npm run build 或者cnpm run build
4.执行npm run dev 或者cnpm run dev
==================

PS E:\webcode\bigbullmobile> cnpm run dev

> [email protected] dev E:\webcode\bigbullmobile
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

internal/modules/cjs/loader.js:573
throw err;
^

Error: Cannot find module 'array-includes'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:571:15)
at Function.Module._load (internal/modules/cjs/loader.js:497:25)
at Module.require (internal/modules/cjs/loader.js:626:17)
at require (internal/modules/cjs/helpers.js:20:18)
at Object.<anonymous> (E:\webcode\bigbullmobile\node_modules\[email protected]@webpack-dev-server\lib\polyfills.js:6:18)
at Module._compile (internal/modules/cjs/loader.js:678:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:689:10)
at Module.load (internal/modules/cjs/loader.js:589:32)
at tryModuleLoad (internal/modules/cjs/loader.js:528:12)
at Function.Module._load (internal/modules/cjs/loader.js:520:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\zheng\AppData\Roaming\npm-cache\_logs\2019-01-26T18_31_50_813Z-debug.log
PS E:\webcode\bigbullmobile>

Aquí está el enlace URL a la solución.

Cuando se inicializa el proyecto vue, npm run dev informa un error webpack-dev-server. Solución : Esto es un ERROR en la nueva versión de webpack. Desinstale la nueva versión existente de webpack e instale la versión anterior. La versión del servidor debe reducirse de la última versión a la siguiente versión, debido a que la versión del complemento utilizada para comenzar a construir el proyecto es demasiado baja (1), npm desinstala webpack-dev-server ÿ… https: //www.ngui .cc/el/918545.html?action=onClick

8. Resultados de ejecución

 I Su aplicación se está ejecutando aquí: http://localhost:8080

Aparece la URL de acceso a la página.

Resumir

提示：vue新版本与旧版本的一些插件冲突