命令行创建一个vue项目

-- 安装nodejs

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

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

nodejs安装: http://blog.csdn.net/zzwwjjdj1/article/details/51980082

npm 介绍: http://blog.csdn.net/zzwwjjdj1/article/details/51982433

-- 安装命令行工具

npm install -g vue-cli

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

红框里是安装命令,由于npm网站在国内速度非常慢,所以在命令后面加上淘宝的镜像,

很快就安装好了.也可以使用cnpm安装.

安装好后可以vue查看安装是否成功。下面就是成功的界面

092628_62hY_2261111.png

--创建vue框架(如果之前安装过Npm,则从这一步开始即可)

vue init webpack my-project

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

092930_VU1z_2261111.png

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

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

093010_nhC1_2261111.png

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

093032_M0Rd_2261111.png

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

-- 安装依赖

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

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

093148_wmKk_2261111.png

093212_AH6F_2261111.png

可以看到有很多模块,这些模块都是在package.json文件里定义好了的.

dependencies是项目依赖,

devDependencies是开发时项目依赖.

-- 运行测试

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

npm run dev

093249_9WSD_2261111.png

看到这样的输入项目就运行起来了

093321_iMPB_2261111.png

命令行生成的vue项目,还支持热启动,当项目文件有改动的时候,页面会自动变化,

转载于:https://my.oschina.net/zhangxuman/blog/1522617

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值