vue项目搭建

vue项目搭建

  一、 安装 node.js
        百度node.js,去官网下载,安装之后运行node -v 和 npm -v查看node和npm的版本号。
二、安装 vue-cli 
        首先安装npm install -g cnpm --registry=https://registry.npm.taobao.org（类似挂vpn）
        执行 cnpm -v查看版本
        安装vue-cli脚手架工具（vue项目构建工具）
         cnpm install -g vue-cli    （如果更新失败， npm cache clean清除缓存 ）

          vue -V 查看版本
三、生成项目
      vue init webpack Vue-Project   
     （webpack是vue其中的一个模板，还有例如simple啥的，可以在 https://github.com/vuejs-templates 查询 ）
     （Vue-Project  是自定义的项目名称）


四、安装项目依赖
      首先进入 Vue-Project文件夹，在此处打开控制台，输入cnpm install（安装项目依赖，根据package.json文件）

五.运行vue项目
       npm run dev （如果需要额外添加依赖，根据控制台提示install）