【VUE.js】前端框架——未完成

基于脚手架创建前端工程

环境

  • 当安装node.js时,它本身就携带有npm命令。(-v 查版本号)
  • 安装VUE CLI npm i @vue/cli -g(全局)

创建

  1. vue create 【project name】

镜像源解决方案

输入创建命令后,提示检查更新失败了???
原因是 淘宝源证书严格检查的 其证书失效了。过期将无法访问就会导致插件更新失败

  • 如何解决呢?

将镜像源换成官方源

bash 复制代码
  #1. 查看当前源
        npm config get registry
  #2. 更换npm源为国内npm官方镜像
      npm config set registry http://registry.npmjs.org/ 

紧接着, 把证书检查关了

bash 复制代码
# 把证书检查关了
npm cache clean --force
 
npm config set strict-ssl false
 
npm install

方法二:更换为最新的淘宝源
npm config set registry https://registry.npmmirror.com npm config set registry https://registry.npm.taobao.org
注意

你如果还想继续使用淘宝镜像源的话,一定要确保 C:\Users\Administrator目录下的.vuerc文件,其配置为:

"useTaobaoRegistry": true

bash 复制代码
> {
  "useTaobaoRegistry": true,  //此处为true,表示继续使用淘宝镜像源
  "packageManager": "yarn"
}

查看当前使用的镜像地址:npm config get registry

常用镜像 复制代码
# 淘宝镜像源
 https://registry.npmmirror.com
 https://registry.npm.taobao.org

查看当前镜像源

  1. vue ui

项目结构

思考?前后端端口号冲突

相关推荐
Gavin_91529 分钟前
【JavaScript】模块化开发
前端·javascript·vue.js
小牛itbull3 小时前
ReactPress:重塑内容管理的未来
react.js·github·reactpress
Devil枫6 小时前
Vue 3 单元测试与E2E测试
前端·vue.js·单元测试
GIS程序媛—椰子7 小时前
【Vue 全家桶】6、vue-router 路由(更新中)
前端·vue.js
前端青山8 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
毕业设计制作和分享8 小时前
ssm《数据库系统原理》课程平台的设计与实现+vue
前端·数据库·vue.js·oracle·mybatis
程序媛小果8 小时前
基于java+SpringBoot+Vue的旅游管理系统设计与实现
java·vue.js·spring boot
从兄9 小时前
vue 使用docx-preview 预览替换文档内的特定变量
javascript·vue.js·ecmascript
凉辰9 小时前
设计模式 策略模式 场景Vue (技术提升)
vue.js·设计模式·策略模式
GDAL10 小时前
npm入门教程1:npm简介
前端·npm·node.js