【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

项目结构

思考?前后端端口号冲突

相关推荐
HtwHUAT43 分钟前
五、web自动化测试01
前端·css·chrome·python·功能测试·selenium·html
86Eric1 小时前
Vue 中 使用 Mixins 解决 多页面共用相同组件的相关问题
前端·javascript·vue.js·mixins·公用组件
qq_25249639961 小时前
react 子组件暴露,父组件接收
前端·javascript·react.js
2401_837088501 小时前
CSS清楚默认样式
前端·javascript·css
zwjapple2 小时前
React 的 useEffect 清理函数详解
前端·react.js·前端框架
Jewel1052 小时前
如何配置Telegram Mini-App?
前端·vue.js·app
前端大白话3 小时前
前端必看!10个React实战技巧让你代码起飞,附超详细注释
前端·javascript·react.js
bigyoung3 小时前
使用 Arco Design 的 Table 组件实现可编辑列
前端·react.js·arco design
前端大白话3 小时前
前端必学!10 个超实用 Vue3 实战技巧大放送
前端·javascript·vue.js
谦谦橘子3 小时前
手写react-router,理解react-router原理
前端·javascript·react.js