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