搭建vue开发环境创新及豆瓣项目分享

最近在学习vue,把一些过程记录下来。

一、安装node.js   在https://nodejs.org/en/download/下载,并安装。

先看看node安装成功了没有,输入 node -v ,回车,会输出node的版本号

二、淘宝的cnpm命令管理工具可以代替默认的npm管理工具:$ npm install -g cnpm --registry=https://registry.npm.taobao.org;

$vue查看是否成功

三、安装cnpm命令:npm install cnpm -g 

四、安装vue:cnpm install vue

五、创建一个基于 webpack 模板的新项目命令:vue init webpack +名字

六、因为各个模板之间都是相互依赖的,所以现在我们要安装依赖,

        输入命令:cnpm install

七、进入项目,运行项目命令:npm run dev

八、8080是默认的端口,要访问的话,直接在浏览器输入localhost:8080就可以

 

另外、有一个豆瓣的简单vue项目,有需要可以私聊我。

搭建vue开发环境创新及豆瓣项目分享