概述
关于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工具所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复