基于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项目”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。