博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-cli安装
阅读量:5101 次
发布时间:2019-06-13

本文共 849 字,大约阅读时间需要 2 分钟。

vue-cli 是vue官方提供的一个脚手架工具,用于初始化一个Vue项目; 

vue-cli的优势:

1、成熟的vue项目架构设计,而且会跟随vue版本的更迭而更新; 

2、提供了一套本地测试服务器,而且是一个热加载的服务器; 

3、提供了自己的一套集成打包上线的方案,webpack 或者gulpify在创建项目的时候可以进行选择; 

有了以上优势,可以非常快速的搭建项目; 

vue-cli对系统的要求:

vue-cli 是命令行的一个工具,系统需要

1、node.js(>=4.x)

2、 Git

3、能使用node的命令行终端; 

安装淘宝镜像:

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

vue-cli使用流程:

1、vue-cli的安装:使用node的包管理工具npm ,-g为全局安装,安装完成后使用vue -V查看是否安装完成,或者运行vue;

npm install vue-cli -g

2、初始化项目:全局安装完vue-cli后可以在命令行工具里使用vue命令,init-初始化项目, webpack-规定了使用的是webpack的打包方式,my-project为项目名称,项目名不可以用大写字母,初始化项目就是通过git下载vue-cli提供的脚手架代码

vue init webpack my-project

3、安装项目依赖:初始化项目之后,还要通过npm安装项目依赖,此代码需要和package.json在一个文件夹下,下载package.json中所需的依赖,安装完成后会在项目文件夹下自动生成node-module文件来存放安装的依赖文件

npm install

4、在localhost启动测试服务器:

npm run dev

5、生成上线目录(进行部署):

npm run build

 

转载于:https://www.cnblogs.com/eva3288/p/7723292.html

你可能感兴趣的文章
Abiword对话框资源
查看>>
用 C 语言编写 Windows 服务程序的五个步骤
查看>>
数据面试题:正态分布、偏态分布及峰态分布
查看>>
设计模式之观察者模式
查看>>
python批量修改文件名称
查看>>
数据预处理-机器学习
查看>>
Hibernate初探之单表映射——jar包的导入
查看>>
JAVA遇见HTML——JSP篇(JSP内置对象上)
查看>>
数字阶层和...递归算法
查看>>
Log4的使用
查看>>
Java设计模式(8)——策略模式
查看>>
《基于MVC的JavaScript Web富应用开发》读书笔记一:MVC和类
查看>>
[Reading] Asking while Reading
查看>>
语义化版本 2.0.0
查看>>
python socket编程tcp/udp俩连接
查看>>
Hibernate学习笔记(一)
查看>>
面向对象_3-15选择题
查看>>
Python学习【第1篇】:环境配置
查看>>
动态的数字三角形
查看>>
ubuntu14.04 64位系统如何运行xampp集成环境
查看>>