新建VUE项目详解

第一步 npm 安装
首先：先从nodejs.org中下载安装nodejs，

官网下载界面

这两个版本官方的解释是：
LTS 版本：Long-term Support 版本，长期支持版，即稳定版
Current 版本：Latest Features 版本，最新版本，新特性会在该版本中最先加入
我们下载LTS版本即可，双击安装，一路Next

nodejs安装

直至Finish，安装完成（默认npm命令也安装完成了，但不是最新的）。
检验是否安装成功，我们可以在命令窗口（cmd）下用命令

node -v
npm -v

安装成功后查看版本

如果npm不是最新的，运行

npm install -g npm

国内直接使用npm 的官方镜像是非常慢的，推荐使用淘宝 NPM 镜像。
命令是：

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

这样就可以用cnpm来安装模块了。

第二步 项目初始化
1.安装VUE脚手架（vue-cli）

cnpm install vue-cli -g      //全局安装 vue-cli

安装完成后，需要查看一下vue的版本号

vue -V

查看vue版本

如果出现版本号，说明我们安装成功了！
2.建立项目
我们用命令，vue init webpack “项目名称”来建立项目，建立一个名字为my-project的项目

vue init webpack my-project

? Project name my-project// 项目名称，直接回车（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters）
? Project description A Vue.js project //项目描述，也可直接点击回车，使用默认名字
? Author [email protected] //作者，输入你的大名
? Vue build standalone //你可以通过上下箭头来选择，一般选择第一个
? Vue build standalone  
? Install vue-router? Yes//是否安装vue-router，这是官方的路由，大多数情况下都使用，这里就输入“y”后回车即可。
? Use ESLint to lint your code?No //是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，代码严格匹配。
? Pick an ESLint preset Standard： //接下来也是选择题 Pick an ESLint preset (Use arrow keys) 选择一个ESLint预设，编写vue项目时的代码风格，直接y回车
? Set up unit tests? Yes//是否安装单元测试，我选择安装y回车
? Pick a test runner jest
? Setup e2e tests with Nightwatch? //Yes： 是否安装e2e测试 ，我选择安装y回车
? Should we run npm install for you after the project has been created? (recom 
mended) npm：

cd my-project //进入到项目目录

cnpm install//安装项目依赖

cnpm run dev//启动项目

安装成功了