首页 > 代码库 > Vuejs2.0 cnpm 安装脚手架项目模板

Vuejs2.0 cnpm 安装脚手架项目模板

NPM 方法

因为npm 安装速度慢,所以我们可以使用淘宝的镜像cnpm

再安装之前 我们需要先安装nodejs  因为vue框架也是基于nodeljs

    下载地址:http://nodejs.cn/download/

 

1 . 安装淘宝镜像:

npm install -g cnpm --registry=https://registry.npm.taobao.org

2 . 最新稳定版 vue

cnpm install vue

3 . 全局安装 vue-cli

cnpm install --global vue-cli 

4 . 创建一个基于 webpack 模板的新项目    

本身集成很多项目模板:
     simple  个人觉得一点用都没有
     webpack 可以使用(大型项目)
     Eslint 检查代码规范,
         单元测试
     webpack-simple 个人推荐使用, 没有代码检查 √

     browserify ->  自己看
     browserify-simple

  

vue init webpack my-project 

  

安装注意的地方  是否需要语法检查 根据你自己的需求定  个人强烈建议不需要

技术分享

 

创建完后目录结构

  技术分享

目录介绍

  技术分享

 

  启动项目,进入项目根目录

  

  输入:npm run dev

    

  服务启动成功后浏览器会默认打开一个“欢迎页面”,如下图:

 

Vuejs2.0 cnpm 安装脚手架项目模板