新手如何建立一个vue项目 ---vue---新手建立第一个项目

一、第一步安装node.js

https://nodejs.org/en/

前期能够下载软件包，后期熟练之后能够经过nvm进行 Node的版本切换以及升级

而后window+r  输入cmd 打开命令行  输入node -v  查看版本号 如：

2 、安装cnpm（淘宝国内加速）
npm install -g cnpm --registry=https://registry.npm.taobao.org

三、全局安装vue

cnpm install vue-cli -g                //安装完成后在命令行输入 vue -V 查看当前的版本

4 、建立项目
vue init webpack  app          //webpack 后面跟的是项目建立的名称 本身随便定义-----（只要不是大写的子母、或者是中文）

五、根据命令行提示下操做

cd app 进入app目录

六、npm run dev          //就启动了

 

这样就能够书写让本身愉快代码了，像在本身定义的组件里作一些让你以为优雅的事情

 

 

/------注释-------/

在项目开发过程当中会遇到跨域，设置跨域代理就ok了  在config文件夹里的  index.js 里操做   //也可使用 Nginx  作代理，须要有基础的哦

proxyTable: { '/api': {　　target:'http://api.douban.com/v2', // 你请求的第三方接口       changeOrigin:true, // 在本地会建立一个虚拟服务端，而后发送请求的数据，并同时接收请求的数据，这样客户端和服务端进行数据的交互就不会有跨域问题       pathRewrite:{ // 路径重写，           '^/api': ''    /---由于在最初的域名上是没有/api的，因此路径重写将它替换为空---/           } }