vue-cli环境安装

有道云笔记链接

http://note.youdao.com/noteshare?id=849e3693be47f56ddcd7f5f902692e49&sub=51BBA5AE87974828BE191B540AE82264

基于vue 2.0

开发大型的VUE项目时

首先要安装好vue的命令行 vue-cli,需要的环境有 nodeJS npm cnpm

可以使用命令 npm install vue-cli -g 全局安装

不过考虑到下载速度的原因 一般使用淘宝镜像

cnpm install vue-cli -g

测试版本 使用 vue -V

会显示当前使用的什么版本

使用命令 vue init <template name> <project name>可以初始化一个vue的新项目 init是初始化的意思 有五种模版

webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.

 

webpack-simple - A simple Webpack + vue-loader setup for quick prototyping.

 

browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing.

 

browserify-simple - A simple Browserify + vueify setup for quick prototyping.

 

pwa - PWA template for vue-cli based on the webpack template

 

simple - The simplest possible Vue setup in a single HTML file

例子 vue init webpack hello 创建一个基于webpack模版的新项目 注意项目名不能包含大写字母

vue init webpack hello 

 

完成上面的命令行可以看到项目环境已经安好了\

 

 

进入工程文件夹 cd <project name>

 

安装依赖 cnpm install

 

开启服务器 npm run dev

看到这个页面就证明环境安装完毕

 

文件结构分析

build放构建脚本目录 config是配置文件目录 src是源码

转载于:https://my.oschina.net/u/3631952/blog/1503326