第一个vue-cli程序

安装 Node.js

确认Node.js安装成功

1.在cmd下输入node -v 查看是否能够正确打印出版本号
2.在cmd下输入npm-v查看是否能够正确打印出版本号

安装Node.js淘宝镜像加速器cnpm
-g为全局安装

npm install cnpm-g

或

npm install --registry=https://registry.npm.taobao.org

安装 vue-cli

cnpm install vue-cli -g

第一个vue-cli项目

1.创建一个Vue项目,我们随便建立一个空的文件夹,我这里在D盘下的目录
D:\VUE\project
输入cmd 打开
2.创建一个基于webpack模板的vue应用程序

vue init webpack my-project

cd my-project
npm install  //安装依赖环境
npm run dev //运行项目

一个vue-cli项目就创建好了
打开网址即可

第一个vue-cli程序相关推荐

通过CLI工具构建一个Vue.js程序
使用CLI工具之前需要用户对Node.js和相关构建工具有一定程序的了解. CLI是构建一个快速而规范的Vue.js项目的重要工具.为了让读者能够快速地学会使用CLI工具,下面直接使用CLI进行项目的 ...
手把手教你调试构建一个Vue/小程序商城项目源码
下面将详细的介绍weiphp5.0商城项目的调试打包上线的流程: 安装NodeJs/NPM 安装CNPM(可忽略) 运行项目打包上线项目 1. 安装NodeJs 推荐到NodeJS的官网下载安装包 ...
【web前端】如何运行第一个vue.js程序，尝试运行官方指导案例
首先我们了解vue.js的官网 https://vuejs.bootcss.com/guide/ 官网上有明确的安装教程: 尝试 Vue.js 最简单的方法是使用 Hello World ...
Vue.js 学习笔记十二：Vue CLI 之创建一个项目
目录创建一个项目创建一个项目运行以下命令来创建一个新项目: vue create vuecli-demo 你会被提示选取一个 preset.你可以选默认的包含了基本的 Babel + ESLin ...
Mvvm、第一个Vue程序、Vue基本语法
一.MVVM概述 1.1.什么是MVVM MVVM(Model-View-ViewModel)是一种软件设计模式,由微软WPF(用于替代WinForm,以前就是用这个技术开发桌面应用程序的)和Silv ...
Vue 全家桶之 vue cli (脚手架)
一.Vue cli 简介 cli --------------------- c : command (命令) l : line ( 行 ) i : interface ( 接口 ) 命令行接口命令 ...
[Vue CLI 3] 插件编写实战和源码分析
当你看过了官方的几个插件之后,慢慢地,其实你也有需求了. 那如何编写一个 Vue CLI 3 的插件呢? 本文代码已经放到 github 上,地址:https://github.com/dailyno ...
Vue CLI 官方文档（一）@vue/cli、@vue/cli-service、插件和 Preset
Vue CLI 官方文档(一)@vue/cli.@vue/cli-service.插件和 Preset 文章目录 Vue CLI 官方文档(一)@vue/cli.@vue/cli-service.插件 ...
使用 Spring Boot CLI 运行第一个Spring boot程序
简介 Spring Boot CLI是Spring Boot的命令行界面.它可以用来快速启动Spring. 它可以运行Groovy脚本. Spring Boot CLI是创建基于Spring的应用 ...
Babylonjs入门02——VsCode+vue+babylonjs开发第一个babylon项目程序
Babylonjs入门02--VsCode+vue+babylonjs开发第一个babylon项目程序 1 环境搭建 2 创建vue项目 3 基于vue项目写第一个babylon项目 4 下一期再见 ...

第一个vue-cli程序

第一个vue-cli项目

第一个vue-cli程序相关推荐

最新文章

热门文章