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
jeecms v9 vue环境搭建的更多相关文章
- vue环境搭建与创建第一个vuejs文件
我们在前端学习中,学会了HTML.CSS.JS之后一般会选择学习一些框架,比如Jquery.AngularJs等.这个系列的博文是针对于学习Vue.js的同学展开的. 1.如何简单地使用Vue.js ...
- 55.Vue环境搭建
Vue环境搭建 在搭建过程中出现的错误解决办法 https://www.cnblogs.com/lovebing/p/9488198.html cross-env使用笔记 cross- ...
- Vue环境搭建及第一个helloWorld
Vue环境搭建及第一个helloWorld 一.环境搭建 1.node.js环境安装配置 https://www.cnblogs.com/liuqiyun/p/8133904.html 或者 htt ...
- 前端(二十三)—— Vue环境搭建
目录 一.Vue环境搭建 一.Vue环境搭建 1.安装node 去官网下载node安装包 傻瓜式安装 万一安装后终端没有node环境,要进行node环境变量的配置(C:\Program Files\n ...
- Vue环境搭建、创建与启动、案例
vue环境搭建 """ 1) 安装node 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 2) 安装cnpm npm install - ...
- VUE环境搭建、创建项目、vue调试工具
环境搭建 第一步 安装node.js 打开下载链接: https://nodejs.org/en/download/ 这里下载的是node-v6.9.2-x64.msi; 默认式的安装,默认 ...
- vue 环境搭建笔记
环境 开发工具:VS Code vue版本: 2.x 准备 使用 npm 包管理器进行安装,也可以使用 yarn 包管理器. 可以使用淘宝的 npm 镜像,国内速度更快. 使用方式: $ npm in ...
- windows vue环境搭建
windows环境搭建Vue开发环境 一.安装node.js(https://nodejs.org/en/) 下载完毕后,可以安装node,建议不要安装在系统盘(如C:). 二.设置nodejs pr ...
- Vue环境搭建和项目创建
目录 vue项目 环境搭建 项目创建 vue项目 环境搭建 node node ~~ python:node是用c++编写用来运行js代码的 npm(cnpm) ~~ pip:npm是一个终端应用商城 ...
随机推荐
- Jmeter-----请求依赖之JsonExtractor
层级关系填写: 1.第一个必须是$ 2.用英文状态下的 . 来代表下一个层级
- 使用idea从svn检出项目
1.创建空的工程 2. 3. 编辑项目进行提交svn服务器进行自动整合
- coco2dx android package..
/Users/chong/Documents/engine/cocos2d-x-3.15.1/tools/cocos2d-console/bin/cocos compile -p android -m ...
- java排序及泛型
一.用泛型实现快排,可以传入不通类型进行排序,比如String数组,Integer数组. /** * 快速排序 * * @author chx * */ public class QuickSort ...
- elast数据存放
这几天一直在索引数据,突然发现服务器状态变红色了,去官网看了下 集群状态如果是红色的话表示有数据已经丢失了!这下头大了才索引了7G数据,后面还有10多个G, 我在liunx下看了下磁盘空间 发现运行e ...
- sql(2) DISTINCT
SELECT DISTNCT 列名称 FROM 表名称SQL SELECT DISTINCT 语句在表中,可能会包含重复值. 关键词 DISTINCT 用于返回唯一不同的值. 语法:新建数据库 tes ...
- php数组的快速排序
function quick($array){ if(count($array)<=1){ return $array; } $key=$array[0]; $right=array(); $l ...
- CSS——元素的显示与隐藏
元素的显示与隐藏 在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibility 和 overflow. 他们的主要目的是让一个元素在页面中消失,但是不在文档 ...
- kubernetes 强制删除istio-system空间,强制删除pod
加上这个选项 --grace-period=0 --force--grace-period=0 --force 先删除deployment,pod,svc再删除namespace > kubec ...
- 使用pdf文本域模板生成对应的pdf
第一步: 下载jar包 <!-- itext的pdf的依赖--> <dependency> <groupId>com.itextpdf</groupId> ...