Vue+elementui搭建开发环境

最新推荐文章于 2024-06-28 20:05:36 发布

凌晨の麋鹿

最新推荐文章于 2024-06-28 20:05:36 发布

阅读量469

点赞数 1

分类专栏： vue 文章标签： vue elementui

本文链接：https://blog.csdn.net/qq_37949984/article/details/91038221

版权

本文介绍了如何使用Vue和ElementUI搭建开发环境。首先，检查并安装Node.js，升级npm，全局安装webpack和Vue脚手架。接着，创建项目并启动服务器，展示效果。然后，在main.js中引入ElementUI，并通过npm run build打包项目，生成dist目录用于部署。

摘要由CSDN通过智能技术生成

Vue+elementui搭建开发环境

1.检查本地是否安装node：
node -v

如果没有安装从node官网上下载相应的node，安装成功即可。
2.检查本地npm版本：npm -v，如果版本太低可以通过：

npm install -g npm

进行升级
3.全局安装webpack：

npm install webpack -g

4.安装vue脚手架：

npm install vue-cli -g

5.新建空文件夹，根据模板创建项目：

vue init webpack-simple 工程名字<工程名字不能用中文>

             或者创建 vue1.0 的项目： vue init webpack-simple#1.0 工程名字<工程名字不能用中文>
             会有一些初始化的设置，如下输入:
       Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板，这里可能需要连代理)
       Project name (vue-test)直接回车默认
       Project description (A Vue.js project) 直接回车默认
       Author 写你自己的名字
       Use sass 若项目要用sass选yes，可以根据自己的需求选择yes or no
在你的项目根目录下，运行：
npm run dev

之后，会自动打开你的默认浏览器ÿ