当前位置: 首页 > 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.yayakq.cn/news/36694/

相关文章:

  • 大成建设株式会社网站建站系统破解源码
  • 应届生招聘去哪个网站自学做网站需要多久
  • 湖北微网站建设价格网络营销导向企业网站建设的一般原则是什么?
  • 阳春建设局网站360网站seo怎么做
  • 互联网公司网站建设的目的西宁建设工程官方网站
  • 网站建设及 维护合同柬埔寨做网站网站
  • 怎么查询最新网站绍兴网站制作工具
  • 做网上购物网站杭州网站推广优化
  • .net做的网站怎么样广州网站建设规划
  • 网站文化建设商业网站规划
  • 网站改版介绍wordpress首页幻灯
  • 高端品牌网站建设公司哪家好二手交易网站开发
  • shopex 如何看 网站后台mediwiki 做网站
  • cf网站编程网站搭建价格表
  • 专业网站建设费用包括哪些做盗版电影网站犯法吗
  • php p2p网站开发长春建设厅网站
  • 买房咨询平台在线邯郸网站关键字优化
  • 网站建设要那些收费项广州注册公司费用
  • 网站建设爫金手指科捷15制作网站免费
  • 东莞建设网站的公司简介建网站多少钱一个月
  • 江门建站网站模板什么网站权重高
  • 数据调查的权威网站简单h5
  • 左侧固定导航栏的网站做全屏轮播的网站有哪些
  • 福安网站定制网站开发 理念怎么写
  • 常熟做网站的公司韩国小游戏网站
  • 网站建设的基本内容能24小时挂机的云电脑
  • dns网站建设国内优秀网站案例
  • wp系统网站如何做seo镇江网站制作企业网站
  • 青岛网站建设信息公示东莞网站建设是什么意思
  • 高端品牌网站建设专人一对一服务成都私人做公司网站的