搭建一个vue-cli环境

这是一个vue-cli的实践，Vue-cli是Vue的脚手架工具
主要作用：目录结构、本地调试、代码部署、热加载、单元测试

更新node和npm 版本

当前版本

node v-4.5.0
npm v-2.15.9

查阅资料发现更新node到最新版本可使npm同步更新到最新版本

更新命令—window区别linux（sudo命令）

1.检查 Node的当前版本

node -v

2.清除npm cache

1	npm cache clean -f

3.安装n模块

1	npm install -g n

4.升级到最新版本

1	n stable/n 0.8.11

单独升级npm-window

还有一点需要注意的，因为国内的网络环境原因，在下载npm包的时候经常会遇到无法正常下载的情况。国内淘宝推出了 npm 镜像，这是一个完整的 npmjs.org 镜像，同步频率为15分钟一次，保证与官方服务同步。推荐使用该镜像

1	npm install -gd express --registry=http://registry.npm.taobao.org

只需要使用–registry参数指定镜像服务器地址，为了避免每次安装都需要–registry参数，可以使用如下命令进行永久设置：

npm config set registry http://registry.npm.taobao.org

npm install -g npm

由于对更新流程不了解，先升级了npm，但升级后的npm无法在Node 4.5.0版本运行问题，所以只好重新下载最新版本node覆盖原先版本，安装node-v8.9.4-x64后

当前版本

node v-8.9.4（当前-2018-01-04）
npm v-5.6.0（当前-2018-01-04）

安装Vue-cli

直接全局安装 vue-cli,最新的 vue 项目模板中，都带有 webpack 插件，所以这里可以不安装 webpack

1	npm install -g vue-cli

“Vue”是不承认作为一个内部或外部命令，操作程序

查阅资料发现原因配置环境变量问题（因为通过cd命令静态node_global vue -V命令有效）

‘NODE_PATH C:\Program Files\nodejs\node_global\node_modules\’

注意需要重新启动命令行

vue 2.9.2（当前-2018-01-04）

nodejs的npm命令无反应

删除npmrc文件,强调：不是nodejs安装目录npm模块下的那个npmrc文件
而是在C:\Users\{账户}\下的.npmrc文件

使用vue-cli来构建项目

1 2	npm install webpack -g vue init webpack Vue-Project

$ vue init webpack exprice ——————— 这个是那个安装vue脚手架的命令
This will install Vue 2.x version of the template. ———————这里说明将要创建一个vue 2.x版本的项目
For Vue 1.x use: vue init webpack#1.0 exprice
? Project name (exprice) ———————项目名称
? Project name exprice
? Project description (A Vue.js project) ———————项目描述
? Project description A Vue.js project
? Author Datura ——————— 项目创建者
? Author Datura
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n) ——————— 是否安装Vue路由，也就是以后是spa（但页面应用需要的模块）
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n ———————是否启用eslint检测规则，这里个人建议选no
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? (Y/n)
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? (Y/n)
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated “exprice”.
To get started: ——————— 这里说明如何启动这个服务
cd exprice
npm install
npm run dev