安装vue.js

1、先安装node.js （在官网下载），安装完成后，打开CMD ,输入node -v

若显示相应的版本号，则说明安装成功。

测试看node.js

在c盘建立一个叫 app 的文件夹，里面放test.js

 

var http = require("http");

http.createServer(function(req, res) {
res.writeHead( 200 , {"Content-Type":"text/html"});
res.write("<h1>Node.js</h1>");
res.write("<p>Hello World</p>");
res.end("<p>welcome to Node.js</p>");
}).listen(3000);
console.log("HTTP server is listening at port 3000.");

 

 

pm包管理器，是集成在node中的，所以直接输入 npm -v就会如下图所示，显示出npm的版本信息

2、由于 npm 安装速度慢，因此使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。

基于node.js,利用淘宝npm镜像安装相关依赖

在cmd里直接输入：npm install -g cnpm --registry=https://registry.npm.taobao.org   回车，安装

3、安装vue-cli 

 安装成功后，建立第一个项目 ，进入d盘Vue 文件夹，在命令行中运行命令 vue init webpack firstVue 

? 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测试

 

建立后，文件夹如下

要安装依赖包，首先cd到项目文件夹（vueDemo文件夹），然后运行命令 cnpm install ，等待安装。

多出一个node_modules 的文件夹

###运行项目  npm run dev

会自动在默认浏览器打开