当前位置: 首页 > news >正文

网站备案 注销最新百度快速排名技术

网站备案 注销,最新百度快速排名技术,网页设计与网站建设 设计题,客服管理系统前言:在vue框架里面, 以往大家都是习惯用命令行 vue create 、vue init webpack创建新前端项目,而vue ui是一个可视化的图形界面,对于新手来说更加友好了,不但可以创建、管理、还可以更新vue项目,也可以下载…

前言:在vue框架里面, 以往大家都是习惯用命令行 vue create 、vue init webpack创建新前端项目,而vue ui是一个可视化的图形界面,对于新手来说更加友好了,不但可以创建、管理、还可以更新vue项目,也可以下载各种需要的插件,比如elmentui、axios、vuex等,图形化更加直观的看到所安装的各种插件,以及安装卸载不用记命令写命令,鼠标点击web页面即可,下面就来介绍,如何使用vue ui创建新web项目。

Vue CLI 是官方提供的基于 Webpack 的 Vue 工具链,它现在处于维护模式。

09b3819fd76346e08697c79522427650.png

一、先配置node环境

1.1、参考使用nvm管理多个node.js版本

使用nvm管理nodejs环境,注意nodejs和npm的版本对应_npm和node版本对应-CSDN博客

npm install -g vue
npm ERR! Arborist is not a constructor

1.2、更换node版本

nvm ls

  * 16.20.2 (Currently using 64-bit executable)
    12.22.12
    11.15.0
    10.24.1
    8.7.0

nvm use 11.15.0
Now using node v11.15.0 (64-bit)

npm install -g vue
npm WARN vue@3.4.21 requires a peer of typescript@* but none is installed. You must install peer dependencies yourself.

+ vue@3.4.21
added 20 packages from 44 contributors in 1.746s

npm install -g @vue/cli
npm WARN deprecated shortid@2.2.16: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
npm WARN deprecated vue@2.7.16: Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.

......


+ @vue/cli@5.0.8
updated 1 package in 15.315s

 

npm list vue -g
E:\MySoftWare\NvmNode\npm\npm_global
+-- @vue/cli@5.0.8
| `-- vue@2.7.16
`-- vue@3.4.21

 

npm config list
; cli configs
metrics-registry = "https://registry.npmmirror.com/"
scope = ""
user-agent = "npm/6.7.0 node/v11.15.0 win32 x64"

; userconfig C:\Users\admin\.npmrc
cache = "E:\MySoftWare\NvmNode\npm\npm_cache"
prefix = "E:\MySoftWare\NvmNode\npm\npm_global"
registry = "https://registry.npmmirror.com/"

; node bin location = E:\MySoftWare\NvmNode\nodejs\node.exe
; cwd = F:\code\SmartWaterConservancy
; HOME = C:\Users\admin
; "npm config ls -l" to show all defaults.

 

1.3、在用户变量中新建变量,变量名为vue ,变量值为 prefix 目录下对应的路径。

a14b4c64e20247e5a83248add0193950.png

 

1.4、点击系统变量的 Path 变量,增加prefix 目录下对应的路径

8b91141921bd4471a4721f742798bbd2.png

 

acd11a6477a9468aa69516ec70d73c6f.png

npm config set prefix ""

vue -V
You are using Node v11.15.0, but this version of @vue/cli requires Node ^12.0.0 || >= 14.0.0.
Please upgrade your Node version.

 

nvm ls

    16.20.2
    12.22.12
  * 11.15.0 (Currently using 64-bit executable)
    10.24.1
    8.7.0

 

nvm use 12.22.12
Now using node v12.22.12 (64-bit)

1.5、环境配置完成

vue -V
@vue/cli 5.0.8

二、使用UI指令创建新web项目

使用命令行cmd,先用管理员进入选择想要创建项目的文件夹,再运行 vue ui,就会出现图形化管理web界面。

2.1、执行 vue ui创建指令

vue ui
🚀  Starting GUI...
🌠  Ready on http://localhost:8000

 

[Beta] 创建新项目 - Vue CLI

001a58c2bd644f8490832fbf2e869a21.png

35e425a027ee462da1c04b68d280b8a3.png

e4d0d616f41e48f1abc0c5ce6deae579.png

37715f6706ff478dbba5ddd7e30a5d8f.png

2.2、新web项目创建成功

71e06f79c6ea46e3922fc20704a77a08.png

4b212e2519274221b8a68b07f433e4d9.png

2.3、项目仪表盘

e67d7d69d5ce4f9c9f591ad913b9b657.png

2.4、项目插件

4018dff0e05c4d1e8f40a4665835b0e2.png

2.5、项目依赖

6281bcd1b85c481ba2495498ca0a023c.png

2.6、项目配置

9d41a3e562184aeb91ae3fe262fd1818.png

2.7、项目任务

8ae5224faf564046ab34d110e4ef0ff4.png

 

参见:

Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)

Home | Vue CLI (vuejs.org)

工具链 | Vue.js

插件开发指南 | Vue CLI

UI 插件 API | Vue CLI

 

http://www.hkea.cn/news/65129/

相关文章:

  • 真人做视频网站百度怎么发布广告
  • 网站页面优化包括怎么给网站做优化
  • 哪个网站用帝国cms做的软文素材网
  • 网站建设需要的资料深圳精准网络营销推广
  • 客户网站建设公司网站排名提升软件
  • 网站建设与维护试卷论文怎么在百度上做广告
  • 做博客网站要什么技术百度网站网址是多少
  • 河北建设厅官方网站八大员考试站长工具查询
  • 大连 做网站公司爱站工具包的主要功能
  • ps做简洁大气网站必应bing国内版
  • 做公司标志用哪个网站营销自动化
  • wordpress5.0.3厦门百度seo
  • 网站开发 企业 定制系统优化大师安卓版
  • 网站内链符号seo百度站长工具
  • 网站页面太多是否做静态seo优化软件
  • mac下怎么安装wordpress关键词排名优化易下拉霸屏
  • 国内做国外代购在哪个网站好百度平台客服怎么联系
  • 菏泽网站获客网站建设公司中国站长网入口
  • 黄冈网站建设推荐seo查询排名软件
  • 自己怎么做百度网站广州seo网站公司
  • 京东企业的电子网站建设百度seo教程网
  • 弥勒网站设计公司share群组链接分享
  • 网站建设栏目管理百度推广搜索排名
  • 企业管理类的网站全球搜是什么公司
  • 网站开发自我介绍seo报告
  • 网站应用软件设计海口seo网络公司
  • 武汉站建设深圳网站开发制作
  • 网站建设的平台分析北京seo技术
  • 手表价格网站百度推广天津总代理
  • 如何将域名和网站绑定排名seo怎么样