vue ui创建项目

一、打开终端，安装最新vue-cli

　　npm install -g @vue/cli

二、终端运行vue ui

　　vue ui

　　之后会自动跳转到http://localhost:8000,进入如下页面

三、三个标签，点击创建

　　1.填写项目名称、选择包管理器、是否初始化git

　　2.选择插件配置方式

　　3.选择手动配置项目将会进入这一步，可以选择插件进行安装配置，包括常用的router、vuex等

　　4.根据选择进入插件具体配置

四、点击创建项目，根据需要选择是否保存预设，以方便下一次直接创建

五、等待片刻项目创建成功后8000跳转至如下页面，左侧列表可以查看并管理项目的依赖、插件、配置和运行命令

六、最后打开项目，npm run serve运行就OK啦

原文地址：https://www.cnblogs.com/jing-zhe/p/12121071.html

时间： 2024-10-31 16:43:29

vue ui创建项目的相关文章

Vue 安装环境创建项目

vue 是一个单页面框架,基于模块化组件化的开发模式. 搭建开发环境之前必须要安装node.js,然后安装vue的脚手架工具(命令行工具)win + R 输入npm install --global vue-cli(慢)或者cnpm install --global vue-cli(快) 创建项目,vue init webpack vuedemo01 (创建一个基于webpack为模版的命名为vuedemo01的项目) 1.你的名字是vuedemo01么 2.你的项目的描述是什么 3.作者

使用 NPM 安装Vue并创建项目

一.下载node.js 官方下载地址:https://nodejs.org/en/download/ 选择相应版本安装下载完成后一路next安装完成. 一般环境变量会自动添加,打开命令行测试是否安装成功二.安装cnpm 使用下面命令安装淘宝镜像npm npm install -g cnpm --registry=https://registry.npm.taobao.org 等待安装完成后,使用npm -v命令测试是否安装成功. 三.安装Vue 全局安装Vue CLI 3.X版本 npm i

VUE CLI3.X 创建项目

Node.js环境搭建 Node.js基于V8引擎,可以让js代码脱离浏览器运行 Vue CLI3.0 需要Node.js 8.9或者更高版本. 用nvm或者nvm-windows在同一台电脑中管理多个Node版本 nvm github地址:https://github.com/nvm-sh/nvm Vue CLI 3.0环境搭建卸载老版本vue-cli:npm uninstall vue-cli -g 安装新版本:npm install -g @vue/cli 原型开发:npm instal

[email protected]初体验之前篇-回顾[email protected]创建项目的流程

模拟实际工作中的操作,假如新开启了一个vue项目,可以先看看上篇博文中的git操作,新建空仓库vue-demo,并拉取到本地,创建本地dev分支后 1. 全局安装vue-cli yarn global add vue-cli // 检查是否已安装成功 vue -V // 2.9.6 2. 使用vue init 创建项目,官方提供了6种模板,对于大多数人而言,工作中选择webpack模板 // 使用vue init 创建项目(.指当前目录) vue init webpack . ? Generat

使用 vue-cli 3.0 创建项目

切换到要创建项目的目录下, vue create < your-project > 如果能创建成功,则说明已经安装了 vue-cli 3.0:否则按照提示安装: npm install -g @vue/cli, 再次创建项目: vue create < your-project > 出现以下提示,我直接选择了 default,选择默认配置这样就等待项目创建成功使用 3.0 vue create 创建项目和之前 vue init 创建项目差别: 1. 启动项目不在

vue利用vue ui命令创建项目

上次用git bash,用create 命令创建vue项目,这是玩个炫酷的------vue ui (前提是有安装node.js). 在目标文件 vue ui 可以看到他在8000端口出现了一个gui图形窗口剩下的基本很友好.点击创建项目,会让填项目名称,选择包管理工具,是否上传git, 然后让选择预设.预设就是你的下载loader包的配置. 你如果想要彻底删除以前自己保存的预设,可以找c盘下的用户,搜索 .vuerc,把你不想要的预设删除就可以了. 最后一步点击创建项目,vue-cli 会

vue搭建环境并创建项目

1.>npm install @vue/cli -g 2.创建项目A a.>vue ui b.在弹出的管理界面创建项目或 a.npm install -g @vue/cli-init b.vue init webpack myapp //myapp:项目名称 visual code中添加辅助插件: js-css-html formatter html css support debugger for chrome auto close tag vetur 原文地址:https://www.c

Vue Create 创建一个新项目命令行创建和视图创建

开始之前你可以先 >>:cd desktop[将安装目录切换到桌面] >>:vue -V :Vue CLI 3.0.0-rc.11 >>:vue create yanxiatingyu :xxxxx一段英文 >>:y >>:cd yanxiatingyu >>:npm run serve 浏览器输入:http://localhost:8080/ 假如浏览器能够打开,没有出现页面可能你的端口被占用了. C:\Users\ruby&g

Vue 基于node npm & vue-cli & element UI创建vue单页应用

基于node npm & vue-cli & element UI创建vue单页应用开发环境 Win 10 node-v10.15.3-x64.msi 下载地址: https://nodejs.org/en/ 安装node 安装vue-cli 1.安装node-v10.15.3-x64.msi 2.设置注册地址因为npm官方仓库在国外,有时候下载速度会非常慢,不过有淘宝镜像可以使用,下载包的速度很快.而且淘宝镜像是定时更新同步npm的官方仓库的. npm config set