基于Node.js怎么创建vue项目

这篇文章主要介绍了基于Node.js怎么创建vue项目的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇基于Node.js怎么创建vue项目文章都会有所收获,下面我们一起来看看吧。

创新互联建站专注于企业成都营销网站建设、网站重做改版、东安网站定制设计、自适应品牌网站建设、HTML5建站商城网站定制开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为东安等各大城市提供网站开发制作服务。

Node.js 是一个事件驱动、非阻塞式 I/O 的模型,旨在提供一种简单的构建可伸缩网络程序的方法,使用轻量又高效。Vue.js是一个构建数据驱动的 web 界面的渐进式框架。看起来这两个是两码事,但是它们之间还有很大的联系。

1、只要安装对应版本的nodejs,就可以用js来开发后台程序。在学习vue的时候最先安装的就是node.js环境。

2、vue环境搭建:需要npm(cnpm),而npm内嵌于Node.js,所以需要下载Node.js。

3、对于vue来说,作为后台服务器选择,当然node和java都可以。但是有些东西java不能代替node。npm和webpack都是依赖node环境的。vue如要使用这些,就需要node环境。

4、vue用到打包工具比如webpack(node.js中的构建工具),可以直接require引入之后将不同模块打包成单个js文件。同时这些工具提供各种自动化处理,方便前端开发。

实例:基于下载Node.js创建vue项目

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

vue init webpack my-project

这里需要进行一些配置,默认回车即可

This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project

? Project description A Vue.js project

? Author runoob <
test@runoob.com
>

? Vue build standalone

? Use ESLint to lint your code? Yes

? Pick an ESLint preset Standard

? Setup unit tests with Karma + Mocha? Yes

? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started: 

     cd my-project

     npm install

     npm run dev
  
     Documentation can be found at 
https://vuejs-templates.github.io/webpack

关于“基于Node.js怎么创建vue项目”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“基于Node.js怎么创建vue项目”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。


网页名称:基于Node.js怎么创建vue项目
本文来源:http://myzitong.com/article/jhooog.html