vue 环境搭建

• 首先安装brew

/bin/zsh -c "$(curl -fsSL https://gitee.com/huwei1024/HomebrewCN/raw/master/Homebrew.sh)"

brew -v 查看版本

• 再安装node.js(JavaScript运行环境)
  直接地址下载 http://nodejs.cn/download/
node -v查看版本
• 给node.js 目录赋值权限
  sudo chmod -R 777 /usr/local/lib/node_modules/
• npm 是node.js 下的包管理器，npm 能很好的和webpack 模块打包器配合使用
  查看npm 设置过的所有源
npm config get registry
  镜像列表：

// 官方仓库
https://registry.npmjs.org/
// 京东仓库
http://npm.m.jd.com 或者 http://registry.m.jd.com
// 淘宝仓库
https://registry.npm.taobao.org

由于npm 用国外的服务器，速度比较慢，淘宝提供了一个cnpm 命令，使用和npm一样，可以从淘宝镜像下载。
安装淘宝镜像：
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装京东镜像：
npm install -g nrm --registry=https://registry.npm.taobao.org

若出现以下错误

image.png

• 注意以下这句

  
  image.png

那就在原来的命令基础上 加上rute权限

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

• 设置npm 源（镜像），先安装 再设置，可以设置多个源，最后一个才有效（建议不设置成淘宝镜像，因为后面 设置本地构建的时候会出错）
  npm config set registry https://registry.npm.taobao.org

根据官网https://v3.cn.vuejs.org/guide/installation.html 有三种方式可以创建vue 项目

使用vite 方式 创建vue 模板,详细请看官网

vite

使用npm 安装，大型项目推荐使用npm，以下软件是npm 安装需要的。具体可看官网

• 安装webpack( vue的组件都是 .vue ，这些自定义组件无法被用户端的浏览器解析，需要编译和打包成js 文件)
  cnpm install webpack -g

• 安装vue 脚手架(vue-cli 用来生成模板的vue 工程)
  npm install vue-cli -g
  查看版本信息 vue --version

• 创建项目
  cd 到你要放项目的目录
  vue init webpack-simple 项目名 注意：项目名不能使用中文，也不能使用大写字母

• cd 到项目名，安装依赖
  npm install

• 安装vue 路由模块vue-router 和网络请求模块 vue-resource
  npm install vue-router vue-resource --save

• 启动项目
  npm run dev
  如果运行成功，会出现如下截图
  

  success.png

• 最后本地IDE 选择Vscode

问题

• 在设置本地构建时 npm init vue@latest，出现如下错误

image.png

终端输入以下指令：

npm set strict-ssl false

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

// 然后重新输入
npm init vue@latest

参考：https://www.jianshu.com/p/918314e9f757