vue-cli环境安装
从国外服务器全局下载安装vue脚手架:
npm install -g vue-cli
从淘宝镜像下载安装:
npm install -gd express --registry=http://registry.npm.taobao.org
永久设置从淘宝镜像下载命令:
npm config set registry http://registry.npm.taobao.org
下次可直接
npm install -g vue-cli
查看全局安装的文件夹位置
npm root g
注:
-S, --save 安装包信息将加入到dependencies(生产阶段的依赖)
-D, --save-dev 安装包信息将加入到devDependencies(开发阶段的依赖)
i 是 install 的缩写(注意:前面没有“-”)
npm i -D vue-cli 本地安装失败 则执行npm init -f
-f表示不去回答里面各种参数的配置
尽量采用全局安装 -g
cnpm的安装(下载)
npm install -g cnpm --registry=https://registry.npm.taobao.org
创建vue-cli项目
vue init webpack projectName
注:
vue-cli项目案例一
将vuecli的首页更改为自定义的helloworld页面
配置vue语法高亮
地址:https://github.com/vuejs/vue-syntax-highlight
下载后解压后的文件复制到插件库的位置如下图:
在preference打开browser packages ,会出现如下内容:
然后使用快捷键ctrl+shift+p调出控制台,输入vue选择第一个
vue-cli项目案例二
vue-cli项目案例三
添加到生产环境
npm install eslint --save
npm install eslint --dev
添加到开发环境
npm install eslint --save-dev
卸载生产环境
npm uninstall eslint --save
npm uninstall eslint --dev
卸载开发环境
npm uninstall eslint --save-dev