Vue搭建

-- Vue 环境搭建及项目创建

-- 环境需求
1、需要node.js 环境
2、npm - node.js 包管理器
-- 搭建
1、安装淘宝镜像
npm install -g cnpm --registry=http://registry.npm.taobao.org
安装成功之后可以用cnpm(或npm) install <name>来安装其他模块
2、安装webpack
cnpm install webpack -g
3、安装脚手架
npm install vue-cli -g
4、初始化项目
cd 一个目录
vue init webpack-simple project_name

------Q1:若提示 ‘bash vue：commond not found’ START--
a.查询npm 全局路径
npm root -g
b.正常 /usr/local/lib/node_modules, 如果不是需重新指定
npm config set prefix /usr/local/src/node9.5.0-linux-x64 // nodejs安装路径
c.修改环境变量，永久有效
vi /etc/profile末尾添加
PATH=$PATH:/usr/local/node9.5.0-linux-x64/bin:usr/local/node9.5.0-linux-x64/lib/node_modules
source /etc/profile // 生效
-------END-----------

------ Q2:若提示 ‘/bin/sh:git commond not found’ START--
yum install -y git
-------END-----------

5、安装基础模块
npm install
6、开发模式下运行
npm run dev
浏览器输入http://localhost:8080 ,可显示VUE页面，环境搭建成功
7、运行成功之后，可根据需求安装其他模块
npm install <modules_name>
eg: npm install vue-resource