当前位置: 首页 > 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.ds6.com.cn/news/28435.html

相关文章:

  • 做音乐网站要求深圳百度首页优化
  • 网站做推广需要到工信部备案吗收录网
  • 苏州公司网站建设镇江网站
  • 手机网站大全排行百度网站收录提交
  • 哪里有做网站技术域名批量查询注册
  • 网站cron泰州seo
  • 网址浏览大全唐山seo优化
  • 鄱阳做网站成都高端品牌网站建设
  • 网站建设大作业汕头网站建设平台
  • 用xml可不可以做网站建什么网站可以长期盈利
  • 发布建设网站沧州seo推广
  • 好网站的标准seo引擎优化公司
  • 怎么做网站导航地图国内搜索引擎排行榜
  • 芜湖哪些公司做公司网站南宁网站快速排名提升
  • 网站框架怎么搭建超级seo外链
  • wordpress 使用技巧北京seo报价
  • 帮别人做网站开票开什么税目seo技术是什么
  • 格兰仕网站开发方案b站视频推广的方法有哪些
  • wordpress开发网站四川网站制作
  • 法院网站建设怎么交换友情链接
  • 昆山做网站需要多少钱下载百度app下载
  • 绍兴网站建设方案书网络推广方案的基本思路
  • 乐达淄博网站建设制作磐石网站seo
  • 微网站设计企业今日国内新闻最新消息大事
  • 餐馆网站怎么做的网页优化
  • 上海移动网站开发百度识图在线识别网页版
  • 无锡惠山区建设局网站24小时最新国际新闻
  • 做网站最快的编程语言推广普通话的宣传内容
  • houzz室内设计官网北京网站优化对策
  • 廊坊哪里有做网站建设的如何做好网络宣传工作