vue2.x 项目搭建

  1. 环境搭建
    a) 下载node.js http://nodejs.cn/download/
    安装完成后添加到坏境变量
    b) 全局安装 vue-cli
    npm install -g vue-cli(输入 vue -V输出版本号则为安装成功)

  2. 新建项目
    a)进入你需要新建项目的目录输入:
    vue init webpack test(一直回车即可)
    结束后会生成一个test的文件夹vue的项目则在此目录下如图:
    vue2.x 项目搭建_第1张图片
    b)运行项目
    在test目录下输入:
    npm install安装所需插件(注:国内npm不太好用可以去配置下cnpm)如图:
    vue2.x 项目搭建_第2张图片
    安装成功后输入
    npm run dev 则可以运行项目如下:
    vue2.x 项目搭建_第3张图片
    在浏览器中输入localhost:8081则可以看到我们的项目页面

你可能感兴趣的:(vue-js,vue让前端开发更简单)