Vue Cli脚手架—安装Nodejs和Vue Cli

一,Vue Cli 文档地址: https://cli.vuejs.org/zh/
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/fb50b3e1456e4308841a71da8e4150e6.png
二,.环境配置,搭建项目
1.安装node.js
在这里插入图片描述
2.下载 node.js10.16.3 地址: https://nodejs.org/en/blog/release/v10.16.3/

3.安装 node.js10.16.3 , 直接下一步即可, 安装到 d:\program\nodejs10.1
4.验证是否安装成功, 如果看到不到, 退出 cmd, 重新开一个窗口测试即可
在这里插入图片描述
5.先删除以前的 cli 版本<不论是之前未下载或没有下载>
npm uninstall vue-cli -g

6.安装淘宝镜像-cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
此时:该npm 淘宝镜像到期了,尽快切换~(npm使用淘宝镜像安装时报错)
切换新源:
npm config set registry https://registry.npmmirror.com

解决方案:

(1)
// 1. 清空缓存
npm cache clean --force
// 2. 关闭SSL验证
npm config set strict-ssl false
// 3. 安装
到这里就可以正常使用npm命令安装需要的工具了。如( npm install -g cnpm )
(2)
1 清空缓存
npm cache clean --force
2 查看当前的npm镜像设置
npm config get registry
3 切换新源
npm config set registry https://registry.npmmirror.com
4 查看新源是否设置成功
npm config get registry
5 可以正常安装需要的工具了
npm insatll

===============================================
7.安装 webpack 和 webpack-cli ,
webpack 是一个打包工具,指令: npm install webpack@4.41.2 webpack-cli -D
在这里插入图片描述
8.安装 npm install -g @vue/cli@4.0.3(此时没有安装cnpm,所以用npm并找出相应的版本)
在这里插入图片描述
9.确认 Vue-Cli 版本
在这里插入图片描述
三,创建项目
1.创建目录 vue_project, 并 cmd 到该目录
2.使用 webpack 创建 vue 脚手架项目 (如果出现了 downloading template…,60s 退出窗口,重新来操作一次即可.)
如果出现这种情况:绿色方框,则按照图片操作
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-30 08:24:03       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-30 08:24:03       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-30 08:24:03       87 阅读
  4. Python语言-面向对象

    2024-04-30 08:24:03       96 阅读

热门阅读

  1. 第十五届蓝桥杯总结

    2024-04-30 08:24:03       30 阅读
  2. CDA一级备考策略分享

    2024-04-30 08:24:03       32 阅读
  3. 《在合适的地方使用设计模式》

    2024-04-30 08:24:03       29 阅读
  4. wow_iot模块说明

    2024-04-30 08:24:03       31 阅读
  5. Unity C#的底层原理概述

    2024-04-30 08:24:03       33 阅读