Webpack 安装配置vue环境

前言

第一次写东西,可能会比较乱,还请理解!

安装步骤

打开命令行工具,输入

node -v

查看NodeJS的版本号,若未出现版本号则请移步http://nodejs.cn/download/ 进行下载安装,

若安装成功,则查看npm是否安装,输入

npm -v

查看npm是否成功安装。

上述工作准备之后,就可以来进行vue的安装了。

可以打开https://cn.vuejs.org/v2/guide/installation.html查看官网给的安装步骤,虽然我的看起来会有些多余,但是也是为了自己和大家学习的方便,我决定还是写一下。

在命令行中输入

npm install --global vue-cli

这是全局安装,安装完成后,进入到项目需要创建的位置,输入

vue init webpack my-project(此处为所创建的项目名)

依次根据个人需要进行项目设置。

vue脚手架工具安装完成之后,进入文件夹中,运行

npm run dev

此时会出现localhost的端口号,在浏览器中输入该地址即可运行这个最简单的vue demo了。

原文地址:https://www.cnblogs.com/alicsu/p/9097243.html

时间: 2024-09-28 16:29:47

Webpack 安装配置vue环境的相关文章

webpack安装配置使用教程详解

webpack安装配置使用教程详解 www.111cn.net 更新:2015-09-01 编辑:swteen 来源:转载 本文章来为各位详细的介绍一下关于webpack安装配置使用教程吧,这篇文章对于不喜欢使用 jspm测试的朋友可以参考一下. webpack 入门 目录 1 安装 webpack2 初始化项目3 webpack 配置4 自动刷新5 第三方库6 模块化7 打包.构建8 webpack 模板我最近大量使用的是 jspm,但因为用它搭建的前端开发环境中,写测试代码非常困难,而项目又

在CentOS6.4中安装配置LAMP环境的详细步骤

原文:在CentOS6.4中安装配置LAMP环境的详细步骤 本文详细介绍了CentOS6.4系统中安装LAMP服务并对其进行配置的过程,即安装Apache+PHP+Mysql,参照了网上大神的设置,其他Linux发行系统可以参考~ 在本文中部分命令操作需要root权限,输入‘su -’命令后输入密码即可切换root身份. 一.修改设置对安装做准备 1. 防火墙设置 设置/etc/sysconfig/iptables文件允许80端口和3306端口.因为80端口是http协议所使用的端口,如果防火墙

Maven(一)——如何在Windows操作系统中安装配置Maven环境

今天难得的周末,借此难的机会总结一下关于maven的一些操作: 1.在安装maven之前要确认计算机已经安装并配置了JDK: 2.下载maven: maven-3.0.3:http://download.csdn.net/detail/wangshuxuncom/7367413 maven-3.0.5:http://download.csdn.net/detail/wangshuxuncom/7551799 说明:上述资源均免费下载 这里选择maven-3.0.3来演示安装.将maven-3.0

iis7.5安装配置php环境详细清晰教程,三步实现【图文】

iis7.5安装配置php环境详细清晰教程,三步实现[图文] iis7.5是安装在win7.win8里的web服务器,win2003.win2000的web服务器使用的是iis6.0,由于win7.win8系统相比win2003.win2000有了改新革面的不同,因此对于iis7.5的配置也必需捣鼓一翻才能熟悉.不过这些都是操作性的东西,就如当初第一次接触iis6.0那样,操作过几遍就慢慢熟悉了. 当下我需要web服务器运行php程序,因此要配置一下php环境.一开始以为比较容易,因为在iis6

Linux安装配置php环境的方法

本文实例讲述了Linux安装配置php环境的方法.分享给大家供大家参考,具体如下: 1.获取安装文件: http://www.php.net/downloads.php php-5.3.8.tar.gz 获取安装php需要的支持文件:http://download.csdn.net/download/netlong339/1351852 libxml2-2.6.32.tar.gz 2.安装libxml2 复制代码 代码如下: tar zxvf libxml2-2.6.32.tar.gz cd l

在webpack中配置vue.js

在webpack中配置vue.js 这里有两种在webpack中配置vue.js的方法,如下: 1.在main.js中引入vue的包: index.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

iis7.5安装配置php环境

前言 iis7.5是安装在win7.win8里的web服务器,win2003.win2000的web服务器使用的是iis6.0,由于win7.win8系统相比win2003.win2000有了改新革面的不同,因此对于iis7.5的配置也必需捣鼓一翻才能熟悉.不过这些都是操作性的东西,就如当初第一次接触iis6.0那样,操作过几遍就慢慢熟悉了. 当下我需要web服务器运行php程序,因此要配置一下php环境.一开始以为比较容易,因为在iis6.0里配置了无数次了,星外PHP全自动安装30秒轻松搞定

zzUbuntu安装配置Qt环境

zz from http://blog.csdn.net/szstephenzhou/article/details/28407417 安装 QT4.8.6库+QT Creator 2.5.0 下载地址 QT4.8.6库  http://mirrors.hustunique.com/qt/official_releases/qt/4.8/4.8.6/qt-everywhere-opensource-src-4.8.6.tar.gz QT Creator 2.5.0 http://download

JSP学习手记1——安装配置JSP环境

(这将是我自学jsp的系列手记的第一篇博文啦,嘿嘿~希望能与大家相互学习,不足之处请指出哦) 一.什么是jsp jsp(Java Server Page)为sun公司定义的一种开发动态web页面资源的技术,允许在页面中写入java代码并调用request,response等常用对象.目前jsp已经成为开发动态网站的主流技术.学习jsp,最好有Java语言基础以及HTML语言方面的知识. 下面,我们一起来安装配置jsp运行环境吧! 二.jsp运行环境 1.安装JDK 基于jsp的web应用程序必须