vue使用命令行构建完项目后_vue-cli起项目步骤(示例代码)

一、安装 node.js

安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。

二、安装webpack

npm install webpack -g

安装完成后使用webpack -v，如果出现相应的版本号，则说明安装成功。

三、安装 vue-cli

npm install -g vue-cli

安装完成后，可以使用 vue -V (注意 V 大写)查看是否安装成功。

如果提示“无法识别 ‘vue‘ ” ，有可能是 npm 版本过低，可以使用 npm install -g npm 来更新版本

四、使用vue-cli来构建项目

1、在硬盘中找一个放项目的文件夹

2、在文件夹下打开命令盘，输入命令

Vue-Project是我们自己设置的项目名称，项目名称不能用中文

vue init webpack Vue-Project

3、进入项目工程目录

4、安装项目所需依赖 npm install

5、安装 vue 路由模块 vue-router 和网络请求模块 vue-resource

npm install vue-router vue-resource --save

创建完成的项目目录，如下图

各个目录的作用

最后一步启动项目

npm run dev

启动成功，打开浏览器8080窗口，页面如图所示

参考网址： https://www.jianshu.com/p/1626b8643676

vue使用命令行构建完项目后_vue-cli起项目步骤(示例代码)相关推荐

vue使用命令行构建完项目后_vue-cli 构建项目在IE中无法运行解决方式(build之后可运行)...
IE浏览器(只考虑IE11,更低版本我没考虑)运行时报 Promise未定义的错误解决办法: 1. 安装babel-polyfill (1.) npm install babel-polyfill ...
vue使用命令行构建完项目后_通过命令行创建vue项目的方法
通过命令行创建vue项目的方法最近想要学习vue,正好看到资料,如何通过命令创建vue项目的方法,就留个笔记环境要求: 安装有 Node.js. vue.vue-cli . 创建项目: vue i ...
mysql命令参数_MySQL命令行参数完整版
MySQL命令行参数完整版 mysql教程支持下面的选项: ---help,-? 显示帮助消息并退出. --batch,-B 打印结果,使用tab作为列间隔符,每个行占用新的一行.使用该选项,则mys ...
HBase shell 命令没有输完换行后结束本次输入重新输入命令
HBase shell 命令没有输完换行后结束本次输入重新输入命令前言在使用hbase shell命令行时,命令还没有输完或者在还没有输入右边单引号时换行后怎么结束本次输入重新输入. 问题如下: ...
java 调用wget_通过命令行执行WGET下载会更快，而通过Java代码执行时会更慢
我正在使用WGET通过java代码下载文件,这需要大约10分钟才能下载20 MB文件.但是通过命令行执行wget下载,同样的文件以10MbPs的速度在7秒内下载.有人知道为什么吗?我该如何改进我的Ja ...
基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目
基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目转载于:https://github.com/Meowv/Blog 首先,默认咱们已经有了.net ...
oracle禁止修改密码,Oracle 用户密码过期后不允许修改密码的示例代码
--本人是初学者,不知道还有没有更好的方法create table PASSWD_CHANGED ( USER_NAME VARCHAR2(20), OLD_PASSWD VARCHAR2(100), ...
[Android] 基于 Linux 命令行构建 Android 应用（六）：Android 应用签名
Android 要求所有应用在安装前必须使用证书进行数字签名.Android 使用该证书来确定一个应用以及其作者身份,该证书不要求由证书发行机构颁发,因此 Android 应用经常使用自我签名的证书, ...
[Android] 基于 Linux 命令行构建 Android 应用（四）：命令行构建
谷歌提供的 Android SDK 支持 Ant 自动构建[1],你可以使用调试和发行两种模式进行构建,两种模式不同之处在于调试模式 Ant 会调用内置的调试密钥,而发行模式调用你提供的私钥. 首先安 ...

vue使用命令行构建完项目后_vue-cli起项目步骤(示例代码)

vue使用命令行构建完项目后_vue-cli起项目步骤(示例代码)相关推荐

最新文章

热门文章