失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 体验使用node.js创建vue+Element-UI项目

体验使用node.js创建vue+Element-UI项目

时间:2020-09-08 06:24:07

相关推荐

体验使用node.js创建vue+Element-UI项目

1、首先去node.js官网下载系统对应的node.js版本。

2、安装淘宝镜像

npm install -g cnpm --registry=https://registry.

3、安装完成之后,在命令行下,输入 node -v及npm -v检查node和npm(node自带npm)安装是否成功。

4、安装最新版vue/cli

npm i -g @vue/cli

5、VUE+Element-UI环境搭建

6、目录结构

build:项目构建webpack(打包器)相关代码

config:配置目录,包括端口号等

node_modules:npm加载的项目依赖模块

src:主要代码开发目录。

assets:放置一些图片

components:放置组建文件

App.vue:项目入口文件

main.js:项目的js核心文件

router:Vue路由文件目录, 在router/index.js中可以定义不同url访问不同的内容

static:静态资源目录,如图片,字体等

test:测试目录

index.html:首页入口文件,可以添加meta信息或统计代码

package.json:项目配置文件

README.md:项目的说明文档,markdown格式

如果觉得《体验使用node.js创建vue+Element-UI项目》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。