Mac系统npm搭建vue脚手架问题解决(2020.4)

Mac系统 npm如何搭建vue脚手架(2020.4)

搭建vue的开发环境：

https://cn.vuejs.org/v2/guide/installation.html

1、必须要安装nodejs；

2、搭建vue的开发环境 ，安装vue的脚手架工具 官方命令行工具；

npm install --global vue-cli 或者 cnpm install --global vue-cli

注：cnpm 需安装淘宝镜像
地址：http://npm.taobao.org/
安装cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org

这里我是直接使用npm安装的
Mac命令行安装报错提示(在Mac系统操作下很多时候需要权限)
npm警告checkPermissions缺少对/usr/local/lib/node_modules的写访问权限
执行下面命令即可
sudo npm install -g vue-cli

3、创建项目 命令行cd到对应的一个项目文件里面
例如：我是在桌面新建的web文件夹 cd到web文件夹下，执行：
sudo vue init webpack vuedemo3
项目安装完成后运行
cd到vuedemo3 然后执行 npm run dev
会出现Your application is running here: http://localhost:8080
浏览器输入运行即可。
但是还没完 ，继续往下看哦！！！

惊喜在这！！你发现在编辑器里面你会发现代码被锁住无法修改的
代码不能修改这是绝对不能接受的，
其实，也是权限问题导致的。往下继续

来的我们的文件夹web



权限运用整个web文件就可以对web文件里面所有文件进行操作了。
回到编辑器发现没有锁了，代码也可以编辑了。