mac电脑如何安装VUE环境及预览（mac怎么安装vue）

mac电脑如何安装VUE环境 亲测有效

1、先下载软件

node：https://nodejs.org/en/

Visual Studio Code：https://code.visualstudio.com/

2、mac配置VUE环境

打开终端运行以下命令:　

1、node -v，查看node的版本号

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

安装淘宝镜像

npm -v 检测淘宝镜像是否安装成功。

3、sudo cnpm install webpack -g 安装webpack

4、sudo npm install -g vue-cli 安装vue脚手架

5、vue list 检测上方内容是否安装成功。

打开visual studio code 执行以下操作:　

1、从左侧打开一个VUE项目，然后删除node_modules文件

2、打开terminal，打开 new termianl

3、在terminal面板中执行以下操作

1、sudo cnmp install（安装node_modules）安装依赖

2、cnpm run dev （找到运行VUE的路径）

在package.json中查看，主要看

"scripts": {

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

"start": "npm run dev",

"unit": "jest --config test/unit/jest.conf.js --coverage",

"e2e": "node test/e2e/runner.js",

"test": "npm run unit && npm run e2e",

"build": "node build/build.js"

},

则使用cnpm run dev

如果是

"scripts": {

"serve": "vue-cli-service serve",

"build": "vue-cli-service build"

},

则使用cnpm run serve

如何查看多个文件

通过router文件夹下满的index.js中找到对应的路径名称，然后编写在访问地址之后。

示例：

http://localhost:8888#/totalGrade