vue.js 相关指令

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项目案例二
在首页,可以通过连接进去a
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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章