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