资讯专栏INFORMATION COLUMN

Vuejs开发环境搭建及热更新

SnaiLiu / 1102人阅读

摘要:可以使用命令,是因为安装好了相应依赖。文件说明主要包含项目描述相关依赖。运行项目通过访问访问运行起来的项目。

一、安装NPM

1.1最新稳定版本:

 

npm install vue

 

二、命令行工具安装

国内速度慢,使用淘宝镜像:

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

 

注意:以后使用npm的地方就替换成cnpm

 

1、全局安装vue-vli

    cnpm install -g vue-cli

 

2、创建一个基于webpack模板的新项目

vue init webpack my-project

 

输入安装命令后,稍等一会提示输入:

2.1项目项目名称:

2.2项目描述:

2.3作者:

2.4是否使用ESlint:(可以选择不需要,ESlint是一套语法检查工具)

2.5是否需要单元测试:(可以选择不需要)

 

说明:

       webpack:项目类型,用webpack这套模板进行压缩和打包。

       my-project:项目名称。

3、安装依赖

3.1进入项目:

cd my-project

 

3.2安装依赖:

 

cnpm install

 

说明:

3.2.1会将依赖安装到项目node_modules文件夹中。

3.2.2可以使用cnpm命令,是因为webpack安装好了相应依赖。

3.2.3 Package.json文件说明:

             主要包含:项目描述、相关依赖。

 

3.3运行项目:

 

cnpm run dev

 

通过访问http://127.0.0.1:8080访问运行起来的项目。

三、参考链接

Vuejs官网:https://cn.vuejs.org/v2/guide/installation.html

Taobao镜像:http://npm.taobao.org/

 

注意:转载请注明出处以及本文链接。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1837.html

相关文章

  • 折腾Weex+Android App开发运行环境搭建手记

    摘要:有兴趣的兄台可以了解一下来正题,什么是这里有简介阿里巴巴开发团队在的成功案例上,重新设计出的一套开发模式,站在了巨人肩膀上并有淘宝团队项目做养料,广受关注,年月正式开源,并在版本官方支持,与分庭抗礼。首先安装好的开发环境。 搞了几个月的Vuejs,也是时候开始搞搞基于Vuejs语法的Weex App了。 这里做个广告,最近用vuejs开发了一个小系统(前后端分离),架构有参考Oracl...

    Ververica 评论0 收藏0
  • NodeJs+Express+Mysql + Vuejs 项目实战 - 大纲

    摘要:多一个技能多一条出路,祝你在自学道路上越走越好,掌握自己的核心技能,不只是优秀,还要成为不可替代的人 NodeJs+Express+Mysql + Vuejs 项目实战 最近准备写一系列文章,全面讲述如何基于NodeJs + Express + Mysql + Vuejs 从零开发前后端完全分离项目; 文笔及技术可能在某些方面欠佳,请您指正,共同学习进步 前端:Vuejs全家桶 后端:...

    noONE 评论0 收藏0
  • NodeJs+Express+Mysql + Vuejs 项目实战 - 大纲

    摘要:多一个技能多一条出路,祝你在自学道路上越走越好,掌握自己的核心技能,不只是优秀,还要成为不可替代的人 NodeJs+Express+Mysql + Vuejs 项目实战 最近准备写一系列文章,全面讲述如何基于NodeJs + Express + Mysql + Vuejs 从零开发前后端完全分离项目; 文笔及技术可能在某些方面欠佳,请您指正,共同学习进步 前端:Vuejs全家桶 后端:...

    Miracle_lihb 评论0 收藏0
  • 急速JavaScript全栈教程

    摘要:使用访问后端服务使用的美化组件的方法整合全栈服务其中的指的是。所幸是在这个教程内,你不需要学习太多就可以把案例跑起来。另外一个组件负责显示全部项目,并接受删除事件,删除指定的项目。它们分别是组件和组件这两个组件的代码实现,分别在文件和内。 自从一年前发布了Vuejs小书的电子书,也有些日子没有碰过它们了,现在因为项目的缘故,需要使用JavaScript全栈开发。所以,我得把这个全栈环境...

    xingqiba 评论0 收藏0
  • 急速JavaScript全栈教程

    摘要:使用访问后端服务使用的美化组件的方法整合全栈服务其中的指的是。所幸是在这个教程内,你不需要学习太多就可以把案例跑起来。另外一个组件负责显示全部项目,并接受删除事件,删除指定的项目。它们分别是组件和组件这两个组件的代码实现,分别在文件和内。 自从一年前发布了Vuejs小书的电子书,也有些日子没有碰过它们了,现在因为项目的缘故,需要使用JavaScript全栈开发。所以,我得把这个全栈环境...

    骞讳护 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<