node、npm、vue安装 -- VUE 项目 demo 实例

sudo yum install epel-release
sudo yum install nodejs
node --version  // 安装好后查看版本

 sudo yum install npm --enablerepo=epel
 sudo npm install -g express
 sudo npm install -g express-generator

 npm -v // 安装好后 查看版本

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

npm install -g vue-cli 

vue -v // 安装好后 查看版本

 vue init webpack firstApp // 自动构建一个完整项目

Project name :项目名称 ，如果不需要更改直接回车就可以了。
      注意：这里不能使用大写，所以我把名称改成了vueclitest
 
Project description:项目描述，默认为A Vue.js project,直接回车，不用编写。
 
Author：作者，如果你有配置git的作者，他会读取。
 
Install  vue-router? 是否安装vue的路由插件，我们这里需要安装，所以选择Y
 
Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。
    我们这里不需要输入n（建议），如果你是大型团队开发，最好是进行配置。
 
setup unit tests with  Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha，
    我这里不需要，所以输入n。
 
Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试，
    我这里不需要，所以输入n

build：最终发布的代码的存放位置。
 
config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。
 
node_modules：npm 加载的项目所需要的各种依赖模块。
 
src：这里是我们开发的主要目录（源码），基本上要做的事情都在这个目录里面，
    里面包含了几个目录及文件：
 
assets:放置一些图片，如logo等
 
components:目录里放的是一个个的组件文件
 
router/index.js：配置路由的地方
 
App.vue：项目入口组件（跟组件），我们也可以将组件写这里，而不使用components目录。
    主要作用就是将我们自己定义的组件通过它与页面建立联系进行渲染，
    面的<router-view/>必不可少。
 
main.js ：项目的核心文件（整个项目的入口）引入依赖包、默认页面样式等。
 
static：静态资源目录，如图片、字体等。
 
test：初始测试目录，可删除
 
.XXXX文件：配置文件。
 
index.html：html单页面的入口页面，可以添加一些meta信息或者同统计代码啥的或页面的重置样式等。
 
package.json：项目配置信息文件/所依赖的开发包的版本信息及所依赖的插件信息。
 
README.md：项目的说明文件。
 
webpack.config.js：webpack的配置文件，把.vue的文件打包成浏览器能读懂的文件。
 
.babelrc:是检测es6语法的文件的配置
 
.getignore:忽略文件的配置（比如模拟本地数据mock不让他在get提交/打包上线的时候忽略不使用可在这里配置）
 
.postcssrc.js:前缀的配置 

cnpm install 

npm run dev
// 或者：
npm run start