jeecms v9 vue环境搭建

 

 

一、安装NODEJS运行环境

前往nodejs官网下载nodejs,https://nodejs.org/en/ ,建议下载最新稳定版的,下载后安装即可,下载选择类似如下


安装完毕之后,在cmd中输入node -v查看是否已经安装成功

如果有版本号显示,则代表安装成功!!!

接下来我们尝试输入npm -v

nodejs自带npm,所以我们不需要额外安装就可以了。

 

二、环境变量设置
接下来我们需要配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立“node_global”及“node_cache”两个文件夹。我们就在cmd中键入两行命令:

npm config set prefix "D:\Program Files\nodejs\node_global"

npm config set cache "D:\Program Files\nodejs\node_cache"

下面这一步非常关键,我们需要设置系统变量。进入我的电脑→属性→高级→环境变量。在系统变量下新建“NODE_PATH”,输入“D:\Program Files\nodejs\node_global\node_modules”

二、安装cnpm

cmd 后敲入下面命令

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

需要详细了解cnpm的朋友请前往官网https://npm.taobao.org/

之后输入cnpm -v

接下来我们就可以用cnpm代替npm了

若是提示没有版本,则需要将cnpm命令所在文件夹加入环境变量的path中

例如我本地的是在

D:\Program Files\nodejs\node_global下,则将此路径追加到path中

 

三、安装安装vue

cnpm install -g @vue/cli

 

vue  -V

 

四、接下来是创建项目框架

进入源码目录:

C:\Users\Administrator>f:

 

F:\>cd F:\jeecms\jeecmsv9AuthorizedVersion\jeecmsv9Vue\jeecmsVue

 

F:\jeecms\jeecmsv9AuthorizedVersion\jeecmsv9Vue\jeecmsVue>cnpm install

 

 

如果想放到指定的目录下,先进入这个目录再执行创建项目的命令

 

E:\test\vue init webpack myProjectName          //创建一个基于"webpack"的项目,后面是项目名 

 

依次按照提示输入,项目名、项目描述、项目作者等等,

 

然后一路回车  看到最后这个项目就创建好了。

 

 

五、运行测试

cnpm run dev

cnpm run build

 

一般流览器会自动跳转出界面http://localhost:8080/,也可以手动打开流览器器输 入地址。

 

npm run build 打包 

 

 

4.4 后台页面发布 
后台源码的开发文件不可直接运行在浏览器中,需要通过命令打包将源码生成为静态文件 
1.使用命令行工具进入 工程目录 
  
2. 项目工程中如果没有node_modules文件夹,则执行 
npm install (推荐使用cnpm  install,http://npm.taobao.org/  加快依赖下载速度) 
  如果有则忽略此步骤 
3.执行命令npm run build 

出现building for production 则成功执行,等待命令完成 完成后会出现下图 
  
出现上图,说明打包编译完成,在项目中会有一个dist文件夹 
  
dist文件夹中有两个文件 
  
4、将index.html改名为index.do 后,将index.do和static文件夹放到ROOT下的/jeeadmin/jeecms文件夹下,eclipse下放到/WebContent/jeeadmin/jeecms下 jeecms

转载于:https://www.cnblogs.com/Jeely/p/11224128.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jeecms v9.3 正式版 安装包 更新日志 1、栏目添加选择模型模板只选择一个报错 2、内容复用待审核查询报错(开源版) 3、根栏目添加内容报错 4、后台页面样式调整 5、后台编辑器分页问题 7、数据统计今日数据没有问题 8、公众号推送菜单和群发微信菜单获取微信端消息返回处理 9、OSS管理添加appkey_secretId后台未解密导致数据存储错误 10、会员中心留言列表报错 11、工作流节点空值处理 12、手机模板在静态页生成的情况下url错误处理 13、新增百度主动推送 14、内容删除同时删除静态页(含FTP) 15、栏目和内容静态化调整成只生成前10页 16、activation jcaptcha freemarker JAR部分用户反映下载不了,调整pom采用本地jar 17、栏目没有选择模型模板的情况下,发布内容选择不到模型问题处理 JEECMS简介 JEECMS是一款支持栏目模型、内容模型交叉自定义、以及具备支付和财务结算的内容电商为一体内容管理系统:  对于不懂技术的用户来说,只要通过后台的简单设置即可自定义出集新闻管理、图库管理、视频管理、下载系统、文库管理、政务公开、作品管理、产品发布、供求信息、房屋租售、招聘信息、网络问卷调查及留言板于一体的综合性且不失个性化门户网站。  对于技术达人来说,jeecms不仅提供全部源码,而且在研发之初即全面的考虑了二次开发的高效性和代码的高移植性,是一款非常容易上手和二次开发的产品。  JEECMSv8版本是一款集PC互联网、移动互联网和微信网站于一体的网站群管理系统,jeecmsV7不仅可以通过H5自适应的方式实现手机网页模板,还可以采用v7专享的移动端模板,实现了同一个网站PC端和移动端所展现的风格或者内容一致或完全不一样的效果,让网站更适应用户的浏览体验。  JEECMSv8版本新增作者投稿、投稿管理、投稿佣金收益管理和内容赞赏功能,集成了支付宝和微信多种场景多终端的支付方案,为下一波内容电商从业人员提供技术动力。 JEECMSv8支持PC网站、手机网站、微信网站、手机APP和可移动触摸大屏,一套系统即可完成五端一体化管理的网站建设 JEECMS页面展示:     相关阅读 同类推荐:CMS系统
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值