Vue.js、Node.js、npm、Vue CLI脚手架安装和卸载

1、卸载Node.js

• 通过官网下载的pkg安装的，使用如下命令

sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man//node.}

2、安装Node.js

1）下载 | Node.js 中文网 从官网下载安装即可

查看node版本：node -v

查看npm版本：npm -v

2）安装cnpm

npm install cnpm -g

3）cnpm install vue 

4）安装webpack，运行：npm install webpack -g

5）Vue CLI脚手架安装

npm install npm install -g @vue/cli

3、命令行工具

1）全局安装 vue-cli（官方推荐的命令行工具）

Vue CLI 2安装：cnpm install --global vue-cli 

2）查看vue版本

vue --version 

3）创建一个基于webpack模板的新项目

Vue CLI 2初始化项目：vue init webpack learn_vue

这里需要一些配置，默认回车即可

 

 

 4）进入项目，安装并运行

cd learn_vue

cnpm install（当你执行npm install, npm会根据你在package.json中对各种依赖的定义去安装这些依赖）

npm run dev

http://localhost:8081/#/

4、Vue项目打包

npm run build

5、安装Vue CLI 3

卸载Vue：

npm uninstall -g @vue/cli

安装指定版本：

npm install -g @vue/[email protected]

强制覆盖安装：

npm install -g @vue/cli --force

Vue CLI 3初始化项目

vue create vue_project