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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!