node js构建一个vue并启动它

安装node js,到运行VUE的简单过程

1、安装node js
  下载地址:http://nodejs.cn/download/
2、安装完成后运行Node.js command promptnode -v查看安装版本)

  
3、安装npm(由于现在版本的nodejs已经集成npm所以无需安装,可以用npm -v 查看版本)

  
4、注册cnpm来代替npm
  使用命令:npm install cnpm -g --registry=https://registry.npm.taobao.org
5、安装vue脚手架vue-cli
  命令:npm install -g vue-cli

  安装成功后可以用 vue -V 查看vue版本
6、cd到对应的目录下初始化vue项目
  命令:vue init webpack my-project
      Project name 项目名
      Project description 项目名描述
      Author 作者邮箱
      Use ESLint to lint your code? 是否需要ESlist语法检查
      Setup unit tests with Karma + Mocha? 是否需要单元测试
      Setup e2e tests with Nightwatch? Yes是否需要e2e测试
7、package.json为项目依赖资源,如果要运行这个项目需要使用cnpm install 安装依赖项
8、使用命令npm run dev启动项目,浏览器会打开 http://localhost:8080/#/ 看到以下效果

  开发时属于热部署状态,代码保存后浏览器会自动刷新,错误提示也非常友好。

9、编译打包 npm run build

  会编译打包到项目dist文件夹下

                                        作者:wanglu  日期:2017/6/21

时间: 2024-10-03 13:39:49

node js构建一个vue并启动它的相关文章

LINUX下用Nginx和Node.js构建一个简单的项目(1)

由于我之前租了一个阿里云服务器,最近又开始学学Node.js,因此准备写点东西把过程记录一下.至于服务器上的Web环境安装阿里云有十分详细的安装说明,这里就略过了... 以下是我的Web环境: 服务器系统为LINUX 64位 Web:nginx Nginx:1.4.4 Php:5.3.29 Mysql:5.1.73 1.安装Nodejs 首先需要查看系统的Python和Make版本信息是否符合Node.js的安装环境.指令如下: # python # make -v 在官网下载nodejs(ht

LINUX下用Nginx和Node.js构建一个简单的项目(4)

发现了一个问题,就是每次启动都需要输入一遍 # node hello.js 这样很麻烦 而且一旦关闭控制台就停止运行,网站就无法打开,这是就需要使用forever模块 安装forever模块 # npm install forever -gd 通过下面的命令判断安装是否成功 # forever --help 使用forever运行hello.js项目 # forever start hello.js 这样即使关闭控制台浏览器也能正常访问 另外也可以用下面的命令运行项目 # forever sta

Node.js是一个事件驱动I/O服务端JavaScript环境

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎.目的是为了提供撰写可扩充网络程序,如Web服务.第一个版本由Ryan Dahl于2009年发布,后来,Joyent雇用了Dahl,并协助发展Node.js. 其他编程语言的类似开发环境,包含Twisted于Python,Perl Object Environment于Perl,libevent于C,和EventMachine于Ruby.与一般JavaScript不同的地方,Node.js并不是在Web浏

学习用node.js建立一个简单的web服务器

一.建立简单的Web服务器涉及到Node.js的一些基本知识点: 1.请求模块 在Node.js中,系统提供了许多有用的模块(当然你也可以用JavaScript编写自己的模块,以后的章节我们将详细讲解),如http.url等.模块封装特定的功能,提供相应的方法或属性,要使用这些模块,需要先请求模块获得其操作对象. 例如要使用系统的http模块,可以这样写: var libHttp = require('http'); //请求HTTP协议模块 这样,以后的程序将可以通过变量libHttp访问ht

使用Node.js构建命令行工具

使用Node.js和npm构建脚本或命令行工具. 一.包装shell命令 第一步:创建一个npm项目 npm init; 第二步:创建一个js文件(index.js),包含要运行的脚本 !/usr/bin/env node console.log('Hello, world!'); 需要注意的是,需要添加片段标识符"!/usr/bin/env node",告知脚本使用Node执行. 第三步:在package.json文件中补充bin部分 { ... "author"

不借助vue-cli,自行构建一个vue项目

前言: 对于刚刚接触vue的同学来说,直接用官方的构建工具vue-cli来生成一个项目结构会存在一些疑惑,比如:   .vue组件 为什么可以写成三段式(tempalte.script.style)? 整个项目是怎样组织运行起来的,main.vue - App.vue - 各个组件 之间是怎么相互引用的? 为了让更多同学理解,我们不借助官方构建工具,自行构建一个类似于官方的项目结构,去体会它的运作机制. 在自行构建的项目中,我们的组件并不使用.vue文件方式,因为这种文件是经过了vue-load

利用node.js写一个后台服务器---express框架的搭建及使用

一.node.js+express框架的服务项目搭建 step1:创建一个项目目录:myApp step2:命令行进入该目录,执行: npm init 在命令执行过程中,会让你设置一个项目的入口文件(entry point),可以随意设置例如:index.js. 执行完毕后,会在项目中创建一个package.json的文件,这个文件就是用来管理项目中今后需要安装的一些模块或依赖. step3:安装express插件: npm install express --save step4:expres

用node.js对一个英语句子分析页面进行一个小爬虫

最近遇到一个需求,就是要从一个英语句子分析的页面中,根据你输入的英语从句,点击开始分析按钮,这个页面就会将分析的结果解析出来,如 然后我们就是需要从这个页面中把这些解析好的数据(包括句子语法结构详解,句子相关词汇解释等)取出来,这时候我就想到之前学过node.js,这时候就来弄下node.js的小小的爬虫. 首先,电脑要先安装node.js,至于怎么安装,请google,或者找相关教程来看. 然后就需要了解下node,现在我先加载http模块,然后设置url的值,url就是你要爬的那个网页的地址

[NodeJS]使用Node.js写一个简单的在线聊天室

声明:教程来自<Node即学即用>.源代码案例均出自此书.博文仅为个人学习笔记. 第一步:创建一个聊天server. 首先,我们先来写一个Server: var net = require('net') var chatServer = net.createServer() chatServer.on('connection',function(client){ client.write('connection~~~\n') client.end() }) chatServer.listen(