mac下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 ..