Mac如何搭建Vue项目
目录
一、安装node
二、安装NPM
1、本地安装和全局安装
2、通过Node.js官方安装程序安装
3、通过Homebrew安装
三、NPM常用命令
1、查看模块的版本号
2、安装指定版本
3、卸载模块
4、更新模块
5、查看模块信息
6、查看模块地址
7、更新命令
8、卸载NPM
四、安装Vue
五、初始化脚手架CLI
六、创建vue项目
七、项目一些配置
1、项目文件目录
2、项目运行起来,浏览器自动打开
3、eslint校验工具的关闭:
4、安装less 、less-loader
5、安装vue-router
一、安装node
NPM是一个极为重要的Node.js软件包管理器,它允许用户轻松安装、更新、卸载任何需要的Node.js软件包。
Node.js:NPM是随Node.js一起发布的,如果没有安装Node.js,可以在Node.js官网下载。
方式一:下载安装包pkg(推荐)
安装完成后,可以运行以下命令检查是否成功安装了这些软件:
$ node -v
方式二:brew 容易失败(可能需要科学上网会快些)
Homebrew:它是一个Mac OS X下的包管理器,可以在Homebrew官网上找到详细的安装说明。
brew install node
如果顺利地输出了版本信息,则表明这些软件已经成功安装。
二、安装NPM
1、本地安装和全局安装
npm 的包安装分为本地安装(local),全局安装(global)两种,从命令行来看,差别只是有没有-g而已,比如
npm install # 本地安装
npm install -g # 全局安装
// install可以缩写为i
本地安装
将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录)如果没有 node_modules 目录,会在当前执行npm 命令的目录下生成node_modules 目录
可以通过 require() 来引入本地安装的包
全局安装
将安装包放在 /usr/local 下或者你 node 的安装目录
可以直接在命令行里使用
2、通过Node.js官方安装程序安装
方式一:
可以在Node.js官网下载Mac的.pkg文件,并按照提示安装。安装完成后,NPM已经随Node.js一起安装了。
3、通过Homebrew安装
可以使用以下命令在终端中安装NPM:
brew install node
三、NPM常用命令
1、查看模块的版本号
npm grunt
2、安装指定版本
npm install 默认安装最新版本,如果想要安装指定版本,可以在库名称后加 @版本号
npm install @latest
npm install @0.1.1
npm install @">=0.1.0