mac下vue-cli的安装

mac下vue-cli的安装

照着官网去安装

vue CLI官网

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先卸载掉之前的旧版本， 然后在安装最新版本。

步骤1. npm uninstall vue-cli -g

卸载旧版本vue-cli

如果报以下错, 则说明是权限问题，输入以下命令去解决 sudo chown -R $USER /usr/local/lib/node_modules

步骤二 npm install -g @vue/cli

如果没有报错，但输入命令vue 提示 vue: commond not found 则检查下npm全局安装路径是否正确

• npm root -g

正常的路径应该是 /usr/local/lib/node_modules，如果你的不是就要重新指定：

• npm config set prefix /usr/local

路径正确后再重新执行 npm install -g @vue/cli这条命令

步骤三 vue create hello-world

创建一个新项目。

然后根据提示一步步的配置项目。 最后输入以下命令， 就能在浏览器中运行项目了。

cd hello-world 
npm run serve
复制代码

2. mac下使用vue-cli安装项目的一些报错和解决方法

1. 使用vue的命令报 command not found 的提示

解决方法:

• 步骤1： sudo npm install --global vue-cli。

• 步骤2: 在返回的数据中复制 /usr/local/bin， 这是安装路径。

• 步骤3：在控制台输入 export PATH="$PATH:/usr/local/bin"。 在输入 vue -V看是否还报错

2. 安装npm出现报错

 解决办法: 重启终端就好了

3. 安装npm的时候，提示It is likely you do not have the permissions to access the file as the current user

问题解释: 提示的很清楚了， 你作为当前的用户没有权限进入这个文件
解决办法: 在安装命令前加 sudo， 比如如果是全局安装vue-cli 。 那么sudo npm uninstall vue-cli -g 。

4. file already exists。 Remove the existing file and try again

 问题解释: 文件已经存在， 删除这个存在的文件或者再试一次。
解决办法: 进入到这个文件的目录下， 通过 sudo rm -rf vue去删除这个文件，然后再次安装就可以了。

3. 一些常用命令

 

// 全局卸载vue-cli
sudo npm uninstall  vue-cli -g 
// 全局安装vue-cli
sudo npm install --global vue-cli  
// 查看vue, node, npm版本
vue -V,  node -v,   npm -v
// 无法删除文件夹,权限问题。rm -rf 前面加sudo
sudo rm -rf ..