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

posted @   爱吃小橙子  阅读(185)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示