VUE第一个程序

1.安装node
node 下载地址：https://nodejs.org/en/download/

登录进入机器后执行命令 (安装有很多方法可以度娘下)

cd /usr/local
 
mkdir node
 
cd node
 
wget https://nodejs.org/dist/v11.12.0/node-v11.12.0-linux-x64.tar.xz
 
xz -d node-v11.12.0-linux-x64.tar.xz
 
tar xvf node-v11.12.0-linux-x64.tar
 
mv node-v11.12.0-linux-x64 node-v11.12.0
 
ln -s /usr/local/node/node-v11.12.0/bin/node /usr/local/bin/node
 
ln -s /usr/local/node/node-v11.12.0/bin/npm /usr/local/bin/npm

设置node环境变量

执行
vi /etc/profile
 
按 i 键进入编辑模式，进入文件末尾添加：
 
 
export NODE_HOME=/usr/local/node/node-v11.12.0/bin
export PATH=$NODE_HOME:$PATH
 
 
然后按 ESC 键 在控制台输入:wq然后回车保存退出。

检验是否安装成功

npm -v

安装vue-cli
淘宝镜像安装cnpm 找个可以根据自己需求来

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

切换镜像
错误提示：

这是没有权限得原因 ，切换到ROOT
安装成功后检验
cnpm -v

全局安装 vue-cli

		cnpm install -g vue-cli

VUE脚手架都安装完毕后查看是否成功

vue -V    **//注：V是大写字母V**

使用vue-cli来创建一个基于 webpack 模板的新项目
创建
cmd利用cd指令进入到保存项目的文件夹下，然后输入命令

Project name my-project               --项目的名称，直接默认回车
Project description A Vue.js project  --项目描述，直接默认回车
Author MrTan                            --作者姓名，输入名字（MrTan）回车
Install vue-router? Yes               --是否安装路由，输入y回车
Use ESLint to lint your code? No      --是否用ESLint规范代码，输入n回车
Set up unit tests No                  --是否需要单元测试，输入n回车
Setup e2e tests with Nightwatch? No   --是否需要单元测试，输入n回车

等配置结束后
运行：

cnpm install

启动项目

npm run dev

这就是启动成功
输入：http://localhost:8080

这就是第一个VUE程序已经启动成功

扩展
打包：

npm run build