标签：npm node vue elementUI -- cil install 安装

记录vue-cil+elementUI搭建后台项目流程

• • • • 一、搭建环境
      • 二、初始化项目
      • 三、安装及引入项目所需依赖
      • 四、打包

一、搭建环境

1、安装node.js http://nodejs.cn.

验证node安装成功了没有，输入 node -v ，回车，会输出node的版本号，表示安装成功

由于在国内使用npm是非常慢的，所以在这里我们推荐使用淘宝npm镜像，
npm install -g cnpm --registry=https://registry.npm.taobao.org；

2、安装vue-cil

cnpm install --global vue-cli
验证是否安装成功，在命令输入vue -V,回车，输出版本号表示安装成功

二、初始化项目

1. vue init webpack vue-elementui（项目名称）
   一路回车，这里的选择看自己项目需要
   
2. 安装依赖：cnpm install
   
3. 启项目：npm run dev
   
   在浏览器打开地址即可访问

三、安装及引入项目所需依赖

1. 安装

npm i axios  -S
npm i element-ui -S
npm i vuex -S
npm install less less-loader --save-dev
//i为install简写  -S为--save-dev简写
//据说使用简写会有一定差别，但暂未发现

安装完成后在配置文件packjosn.js中会看到相关版本信息

2. 在main.js中引入

四、打包

npm run build

打完包目录就会出现此文件夹

标签：npm,node,vue,elementUI,--,cil,install,安装
来源： https://blog.csdn.net/qq_44854653/article/details/116747497

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。