一个vue项目的运行流程

一   安装node环境:

1 vue运行是基于node环境的,构建vue框架之前,需要确保node环境安装成功;


1.1 可以node.js官网,下载解压以后安装;


        1.2 国内安装可能比较慢,因此,推荐使用淘宝镜像,淘宝的cnpm命令管理工具可以代替默认的npm管理工具;

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

        

2 安装好以后,打开命令框,输入"node -v" 查看环境是否安装成功;

node -v


node -v以后显示了版本号,则安装成功


二   安装vue-cli

        

1 安装完npm镜像后,开始安装全局vue-cli脚手架,之所以要用vue-cli,是应为这个工具能帮我们搭建好我们需要的模板框架,比较简单。方法:cnpm install -g vue-cli,回车

cnpm install -g vue-cli,

        2 安装好以后,命令框npm -v ,检测是否安装成功

npm -v

显示了版本号,则安装成功

三  创建项目

        1 创建项目

进入你要存放项目的文件夹,命令框输入一下命令

vue init webpack myvuepro

        其中: init表示初始化;webpack:安装包;myvuepro表示要创建项目的文件夹名字

        意思是初始化一个名为myvuepro的项目

        

        

安装完以后,由于个文件是需要相互依赖的,一般需要安装依赖文件

1)进入项目文件夹

cd myvuepro (项目名)

2)输入

npm install

四  运行项目

进入项目目录,命令框输入命令: 

npm run dev

这样项目就能运行了


未完,待续...

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值