Vue会用到的命令行---实时更新

安装webpack:

npm install webpack -g(-g代表全局安装)

查看node版本：

node -v

查看npm版本：

npm -v

查看Vue版本：

npm vue -v

下载vue-cli:

npm i -g vue-cli

更新vue-cli:

npm install -g @vue/cli

查看vue-cli版本：

vue -V

启动项目：

npm run serve或者npm run dev或者npm run start（使用ctrl+c终止服务）

为什么会有这两种？

因为Vue脚手架版本不同造成的，具体应该使用哪个，可以看package.json

"scripts": {
　　"serve": "vue-cli-service serve",
　　"build": "vue-cli-service build",
　　"lint": "vue-cli-service lint"
},

打包项目：

npm run build

 创建一个vue-cli项目（要在要创建项目的文件夹下进行）：

1 vue init webpack baoge 
2 vue create dadi

下载node_modules文件：

npm install（因为node_modules文件太大，所以不会上传到svn或git,所以下载好项目后需要执行此命令）

安装VUEX:

npm install vuex --save命令

安装vue2-animate:

npm install --save vue2-animate

安装babel(编译es6代码):

npm i @babel/core @balel/cli @babel/preset-evn -D(这样写报404)

分开这样写已经安装成功

npm install babel-core -D

npm install babel-preset-evn -D

npm install  babel-cli  -D

安装node管理模块:npm i -g n --force（这个待补充，因为安装完后，发现node成为了最新版本，好奇怪~~~）

cls：清屏

ctrl+c:退出服务

通过vite脚手架搭建项目（更新速度非常快，但是vue-cli更稳定，模块更多，所以一般用vue-cli）：

npm init vite-app <project-name>

 卸御依赖：

npm uninstall sass-loader

返回上一级目录

cd..

本地启动测试环境，在package.json中这样配置即可

"serve": "vue-cli-service serve --host local.leandc.cn --mode=test",