我是靠谱客的博主 无奈超短裙,最近开发中收集的这篇文章主要介绍node.js使用elementuiwebstorm工具,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

关于ElementUI的使用入口@TOC

环境安装:
1.安装node.js
从node.js官网下载并安装node。地址:https://nodejs.org/zh-cn/
2.通过打开命令行工具(win+R),输入node -v查看node的版本,若出现相应的版本号说明你安装成功了。npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息。
3.安装cnpm
在命令行中输入 npm install -g cnpm --registry=https://registry.npm.taobao.org ,然后等待,没报错表示安装成功,
4.安装vue-cli脚手架构建工具
在命令行运行命令npm install -g vue-cli 然后等待安装完成。
(环境安装完成)

vue-cli脚手架的安装:

webstorm工具

1.在创建的工程下中,找到webstorm工具控制面板栏最下方的terminal面板点开。
2.输入:vue init webpack + 项目名(创建一个项目,使用之前需先安装好npm,nrm,vue环境。)
3.一步步确认就行了,完事后工程中就多了新建的模块项目。

dos窗口创建

1.随便找一个目录用于存放项目并进入到该目录下
2.vue init webpack + 项目名(创建一个项目,使用之前需先安装好npm,nrm,vue环境。)
3.一步步确认,完成后去看该目录下是否已创建文件,创建的文件中是否有node_modules这个依赖包资源文件夹。没有的话先cd +项目名 进入到该项目目录,执行 cnpm install。
4.运行项目:运行命令 npm run dev。然后可以在浏览器通过运行提示的ip地址访问到项目页面,一般是http://localhost:8080。可以把项目拖到hbuilderx进行编译。

安装elementUI资源依赖:
webstorm中执行指令:npm i element-ui -S
安装完成后,在main.js中引入:
import ElementUI from ‘element-ui’;
import ‘element-ui/lib/theme-chalk/index.css’;
Vue.use(ElementUI);

最后

以上就是无奈超短裙为你收集整理的node.js使用elementuiwebstorm工具的全部内容,希望文章能够帮你解决node.js使用elementuiwebstorm工具所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(38)

评论列表共有 0 条评论

立即
投稿
返回
顶部