VUE学习笔记1——vue cli 构建项目

一,安装Vue

查看npm版本
$ npm -v
2.3.0
.

升级或安装 cnpm //因为国内的问题,推荐使用淘宝镜像cnpm
$ npm install cnpm -g

#安装最新的 Vue
$ cnpm install vue

#全局安装 vue-cli
$ cnpm install --global vue-cli

二,创建vue项目

首先我在E盘创建了一个文件vuep作为工程目录
然后命令窗口进入该目录,创建工程my-project

创建过程有选择项,下面为逐行解释

vue init webpack vuetestTest
是项目名称,自己命名的。

Project name (vuetest)
项目名称,可以自己指定,也可直接回车,按照括号中默认名字
(注意这里的名字不能有大写字母,如果有会报错Sorry, name can no longer contain capital
letters)

Project description (A Vue.js project) 输入项目描述

Author (…) 输入作者

Vue build (standalone)
Runtime + Compiler: recommended for most users 运行加编译,既然已经说了推荐,就选它了

Install vue-router? (Y/n)
是否安装vue-router 。“y” 回车。

Use ESLint to lint your code? (Y/n)
是否使用ESLint管理代码,ESLint是个代码风格管理工具,是用来统一代码风格的,并不会影响整体的运行,这也是为了多人协作,新手就不用了,一般项目中都会使用。

Pick an ESLint preset (Standard) 选择一个ESLint预设,编写vue项目时的代码风格

Set up unit tests (Yes) 是否安装单元测试,我选择安装

Setup e2e tests with Nightwatch? (Yes) 是否安装e2e测试 ,我选择安装

完成

如下
VUE学习笔记1——vue cli 构建项目