微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐