通过命令行生成vue项目框架的方法

本文介绍了通过命令行生成vue项目框架的方法，现在分享给大家

-- 安装nodejs

用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的,

所以首先要安装nodejs,学习vue有必要了解下nodejs和npm的基本知识:

nodejs安装: https://www./article/113457.htm

npm 介绍: https://www./article/87893.htm

-- 安装命令行工具

npm install -g vue-cli

-g表示全局安装, vue-cli是模块,全局安装的模块可以在命令行直接使用.

红框里是安装命令,由于npm网站在国内速度非常慢,所以在命令后面加上淘宝的镜像,很快就安装好了.也可以使用cnpm安装.

安装后在命令行输入 vue -version 能看到版本号表示全局安装成功,下面就可以使用命令行创建项目了.

-- 创建项目框架

vue init webpack my-project

创建一个基于"webpack"的项目,后面是项目名,

按照提示输入,项目名,项目描述,项目作者等等,看到最后这句项目就创建好了,

项目结构:这是安装了依赖以后的截图,没安装依赖以前是没有node_modules文件夹的

刚我们命令行输入的东西就在package.json这个文件里,打开文件

项目名字,版本,描述,作者等,后面还有运行项目命令,项目依赖,开发环境项目依赖等.

-- 安装依赖

生成了项目以后是不能直接运行的,现在很多项目都依赖许许多多的模块,需要逐一安装,

ctrl+c 停掉刚生成项目的命令,cd vue-project 进入项目跟目录, 用命令npm install 安装

同样是使用淘宝镜像.

当这个命令运行完成以后会多出一个node_modules文件夹,里面就是项目所需的所有依赖,可以看到有很多模块,这些模块都是在package.json文件里定义好了的.

dependencies是项目依赖,

devDependencies是开发时项目依赖.

-- 运行测试

好了,依赖安装完成后就可以运行我们的项目了命令:

npm run dev

看到这样的输入项目就运行起来了,然后打开浏览器,输入第二个红框的地址 localhost:8080,

浏览器截图.

项目就运行起来了.命令行生成的vue项目,还支持热启动,当项目文件有改动的时候,页面会自动变化,<script>标签里的js代码修改后,还得手动刷新页面,不过已经非常棒了.

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# 命令行创建vue项目  # vue命令行工具  # 通过命令行创建vue项目的方法  # 命令行  # 好了  # 镜像  # 淘宝  # 就可以  # 这是  # 是在  # 就在  # 又是  # 起来了  # 有很多  # 所需  # 第二个  # 给大家  # 可以看到  # 还得  # 有必要  # 可以使用  # 管理器  # 基本知识 

相关文章： 详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  宝塔建站助手安装配置与建站模板使用全流程解析  建站之星3.0如何解决常见操作问题？  如何生成腾讯云建站专用兑换码？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  网站制作需要会哪些技术,建立一个网站要花费多少？  网站制作报价单模板图片,小松挖机官方网站报价？  孙琪峥织梦建站教程如何优化数据库安全？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  电商网站制作价格怎么算,网上拍卖流程以及规则？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  定制建站价位费用解析与套餐推荐全攻略  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  如何在新浪SAE免费搭建个人博客？  建站之星如何防范黑客攻击与数据泄露？  如何通过IIS搭建网站并配置访问权限？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  高防服务器如何保障网站安全无虞？  小建面朝正北，A点实际方位是否存在偏差？  建站之星各版本价格是多少？  PHP正则匹配日期和时间(时间戳转换)的实例代码  网站app免费制作软件,能免费看各大网站视频的手机app？  山东云建站价格为何差异显著？  ,柠檬视频怎样兑换vip？  金*站制作公司有哪些,金华教育集团官网？  制作网站的模板软件,网站怎么建设？  如何有效防御Web建站篡改攻击？  如何选择靠谱的建站公司加盟品牌？  如何规划企业建站流程的关键步骤？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  西安大型网站制作公司,西安招聘网站最好的是哪个？  如何制作一个表白网站视频,关于勇敢表白的小标题？  如何通过VPS建站无需域名直接访问？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  Android使用GridView实现日历的简单功能  如何通过NAT技术实现内网高效建站？  网站制作服务平台,有什么网站可以发布本地服务信息？  c++怎么用jemalloc c++替换默认内存分配器【性能】  如何用5美元大硬盘VPS安全高效搭建个人网站？  制作企业网站建设方案,怎样建设一个公司网站？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  如何选择PHP开源工具快速搭建网站？  北京建设网站制作公司,北京古代建筑博物馆预约官网？