2021-12-20vue-cli开发

最新推荐文章于 2024-06-26 21:03:00 发布

代码修行的小女孩

最新推荐文章于 2024-06-26 21:03:00 发布

阅读量170

点赞数

文章标签： vue.js npm 前端

本文链接：https://blog.youkuaiyun.com/qq_44632449/article/details/122035558

版权

本文指导你通过一步步操作，从安装Vue CLI，创建项目，配置依赖，到部署Element UI和SASS，最后构建生产环境。涉及组件结构、前端UI和项目管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.安装 vue-cli脚手架
sudo npm install vue-cli -g
2.查看是否安装成功
vue list
3.创建一个初始化项目目录
vue init webpack myvue
4.进行初始化配置
5.进入项目目录文件下
cd myvue
6.下载安装依赖
npm install vue-router --save-dev
npm install
7.开发环境运行
npm run dev 在内存中进行编译打包，并运行
生产环境打包发布 npm run build
npm install -g server 部署运行文件夹
server dist
8.安装element-ui
npm i element-ui -S
8.安装SASS加载器
npm install sass-loader node-sass --save-dev 在这里插入图片描述