vue-cli 脚手架搭建

vue 是前端开发目前主流的框架 学习vue 就避免不了学会使用框架搭建项目 下面说一下搭建vue-cli 脚手架的过程 这里演示的是Mac上搭建过程.

• 打开终端在任意路径下输入 这一步是把镜像源切回到国内 否则直接搭建因为访问不了外网会直接失败（有vpn的用户可忽略次步）

    npm config set registry http://registry.npm.taobao.org/

• 验证是否切换成功

    npm config git registry

如果安装成功的提示应该是这样的：

• 到这里源就切换好了 下面要开始正式安装了 继续在终端中输入

  npm install -g @vue/cli

这里连续试验了好多了次 依然报错 .......
错误是这样的

• 这里有一点可以注意下 错误的最后一样室友一个0.log 的 是错误日志 可以点进去看下会告诉你具体原因（但是很长 可以只要关键的几句 应该在最后）

• log 分析了说的是 权限问题 看了下自己是所有管理员权限 那就是终端运行权限不对

    sudo npm install --global vue-cli

成功了....

另外: 百度有推荐使用 cnpm

    npm install -g cnpm --registry=https://registry.npm.taobao.org

• 我试了不行 应该还是执行权限问题

• 验证vue 是否安装成功

 vue --version

如果安装成功这里会有一个版本号提示

• 这里再补充下 折腾了半天发现自己装的是旧版本 晕死 卸载吧

    npm uninstall vue-cli -g

• 同样提示没有权限 前边加上sudo

    sudo npm uninstall vue-cli -g

• 卸载成功了 再重新安装吧 这次直接执行 (这里有一笑点 旧版本的 是 vue-cli 新版本都统一改成了@cue/cli)

    sudo npm install -g @vue/cli

• 到这脚手架就算搭建完成了

• 下面就可以创建项目了 切换到想要创建工程的文件夹目录下（也可以不切换 在当前目录直接创建后面直接把项目拖过去就好了）

     vue create + "项目名称“
     

• 运行项目

    vue run serve

完事 开搞吧 ！！！

• 学习的道路是永无止境的, 加油吧 ！