Vue-cli安装流程以及部分npm命令
- 百度Node.js下载并安装
- 可以一直下一步 但是要记住安装目录
- 进入安装目录即Node.js文件夹内
- 按住
shift
+鼠标右键 - 选择在此处打开命令窗口
- 输入
node -v
//检查node版本至少为4以上 - 输入
npm config set registry http://registry.npm.taobao.org
- 输入
npm install vue-cli -g
//在全局安装vue-cli
的依赖 - 安装完毕后输入
vue
检查vue
是否安装完毕 - 输入
vue list
查看可安装的vue
模板 - 输入
vue init webpack XXX
//创建模板为webpack
的vue
项目名字为XXX
Project name XXX
//项目名Project desrciption XXX XXX
//项目描述Author
//创建者的名字/邮箱(可不填)- 以下选项输入Y/N
UseESLint to lint your code?
//是否启用ESLint语法检查(推荐N)Pick an ESlint preset
//填NSetup unit tests with Karma + Mocha?
//是否启用单元测试(填N)Setup e2e tests with Nightwatch
//填N- 按提示输入
cd XXX
进入当前目录下(即项目目录) - 输入
npm install
安装项目模块依赖(较久) - 安装完成
- 输入
npm run dev
//运行项目
Mac
因为系统原因
需要本机最高权限即电脑锁屏密码
安装任何软件时需要在前面加上sudo
如sudo npm install vue-cli -g
否则将会报权限不足的错误
Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! at Error (native)
npm指令
npm -v
查看npm版本npm install npm -g
安装npm至全局(windows)cnpm install npm -g
使用国内镜像安装npm至全局npm run dev
运行项目npm run build
打包项目
版权声明:本文为Baitgt原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。