美文网首页
Vue项目总结--命令操作

Vue项目总结--命令操作

作者: 以手画圆心 | 来源:发表于2017-12-18 10:07 被阅读583次

1.Windows如何查看端口占用以及关闭相应的进程

(1)进入命令提示符,输入netstat -ano,查找所有链接的PID,相关端口占用情况一目了然

开始 ---> 搜索框输入cmd --- > 进入命令提示符 --->输入netstat -ano

(2)查看指定端口的占用情况

netstat -aon|findstr "8080"

这句就表示查看端口号为8080的占用情况
(3)查看PID对应的进程(假设8080端口对应的PID为1234)

tasklist|findstr "1234"

这一步,会显示出对应的映像名称(假设显示的是“abc.exe”)
(4)结束进程操作

taskkill /f /t /im abc.exe

2.npm删除包

(1)进入项目,查看包

npm list

这个命令会显示项目下所安装的所有包,包括每个包的版本
(2)也可以查看单个包,例如查看Vue

npm list vue

(3)npm删除包,例如Vue

npm uninstall vue

(4)区分不同的删除命令,例如Vue
①全局删除Vue

npm uninstall -g vue

②删除vue,但不删除模块留在package.json中的对应信息

npm uninstall vue

③删除vue,同时删除模块留在package.json中dependencies下的对应信息

npm uninstall vue --save

④删除vue,同时删除模块留在package.json中devDependencies下的对应信息

npm uninstall vue --save-dev

3.安装Vue-cli,以及安装Vue1.0版本

(1)先安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm -v查看是否成功
(2)安装vue-cli

cnpm install -g vue-cli

(3)生成项目(my-project)

vue init webpack-simple#1.0 my-project

在这里控制Vue安装版本#1.0
(4)安装依赖

cnpm install (cnpm i)

(5)启动项目

npm run dev

相关文章

  • Vue项目总结--命令操作

    1.Windows如何查看端口占用以及关闭相应的进程 (1)进入命令提示符,输入netstat -ano,查找所有...

  • Vue-cli

    命令操作 安装脚手架(全局安装):npm install vue-cli -g 初始化项目(创建项目):vue i...

  • vue-cli

    命令操作 安装脚手架(全局安装):npm install vue-cli -g 初始化项目(创建项目):vue i...

  • vue cli 运行相关问题

    1,运行vue cli 项目 终端命令:vue run dev 2, 运行 vue cli 项目生产环境 终端命令...

  • Vue cli2和cli3 区别

    一、生成项目命令 1、安装3.x版本的Vue脚手架: 创建Vue项目命令: 或基于ui界面创建Vue项目,命令:v...

  • vue-学习笔记

    关于vue cli 全局安装vue cli命令:npm install -g @vue/cli 创建新项目命令:v...

  • Vue.js 初探

    vue 环境安装 vue 项目初始化 vue 项目结构 vue 环境安装 vue需要npm命令安装安装node环境...

  • 基于element-ui的框架(一)环境搭建

    一 、创建项目 命令 : 1 vue init webpack my-element //创建vue 项目 ...

  • 快速搭建vue项目

    安装vue CLInpm install -g @vue/cli 使用vue ui 配置项目命令:vue ui启动...

  • vue-cli2.0 和 vue-cli3.0的区别

    1.创建项目命令 创建vue-cli2.0的项目时,使用的命令行是:vue init webpack proje...

网友评论

      本文标题:Vue项目总结--命令操作

      本文链接:https://www.haomeiwen.com/subject/rbjpwxtx.html