1. Descarga en el sitio web oficial
https://nodejs.org/zh-cn/download/
2. Interfaz de descarga
3. La ruta después de la descompresión (configure según su propia ruta)
Agregar ruta raíz a paht
Nota: Se agregó la configuración node_global. Al usar vue init webpack xxx, informará un error de que no se puede encontrar el comando vue. Agregue esta configuración y se podrá encontrar el comando vue (configurado después de 5.1 o 5.2)
4. Después de la configuración, abra cmd para ver la versión de node y npm
node -v #分别查看node
npm -v #npm的版本号
5. Modificar la configuración
5.1 Reemplace la ruta para instalar el módulo global node_global y cache node_cache
npm config set prefix "E:\software\node\node-v14.15.1-win-x64\node_global"
npm config set cache "E:\software\node\node-v14.15.1-win-x64\node_cache"
npm config set registry https://registry.npm.taobao.org/
5.2 O utilice el siguiente método C: Users \ Administrator \ .npmrc
prefix="E:\software\node\node-v14.15.1-win-x64\node_global"
cache="E:\software\node\node-v14.15.1-win-x64\node_cache"
registry="http://registry.npm.taobao.org/"
6. Dependencias de instalación (andamios, paquete web de complementos de empaquetado, cnpm en lugar de descarga de npm, etc.)
#安装vue.js
npm install vue -g
#安装vue-route
npm install vue-router -g
#安装vue-cli脚手架
npm install vue-cli -g
#安装webpack
npm install webpack -g
#使用yarn替换npm下载
npm install -g yarn
#安装cnpm
npm install -g cnpm
7. Inicialice el proyecto
7.1. Crear el primer proyecto del proyecto
vue init webpack "项目名称"
1、Project name //项目名称
2、Project description A Vue.js project //项目的描述,默认的
3、Author *@qq.com //默认,回车即可
4、Vue build (Use arrow keys) //默认,回车即可
5、Vue build standalone //默认,回车即可
6、Install vue-router? No //是否安装路由
7、Use ESLint to lint your code? Yes //是否用ESLint来规范我们的代码
8、Set up unit tests No //是否使用自动化的测试工具
9、Setup e2e tests with Nightwatch? No //使用nightatch设置E2E测试
10、Should we run npm install for you after the project has been created? (recommended) npm //选择npm安装
7.2. Dependencias de instalación (ingrese la ruta raíz del proyecto y luego ejecute el comando de instalación)
cnpm install
7.3 、 Ejecutar el proyecto
npm run dev